首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >复选框:无法选中Safari中的复选框

复选框:无法选中Safari中的复选框
EN

Stack Overflow用户
提问于 2015-09-08 10:06:50
回答 1查看 966关注 0票数 0

我已经创建了一个与联系人表单7插件(Wordpress)复选框,但我不能在Safari切分他们。我怎么解决这个问题?http://www.r90.ch/contact-form/

CSS:

代码语言:javascript
运行
复制
.myinput[type="checkbox"]{ 
width: 11px !important;
height: 11px !important;
border: 1px solid #808080 !important; }
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-09-08 10:32:58

尝试以下复选框样式的代码

代码语言:javascript
运行
复制
<style>
        .regular-checkbox {
            -webkit-appearance: none;
            background-color: #fafafa;
            border: 1px solid #cacece;
            box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
            padding: 9px;
            border-radius: 3px;
            display: inline-block;
            position: relative;
        }

        .regular-checkbox:checked:after {
            content: '\2714';
            font-size: 14px;
            position: absolute;
            top: 0px;
            left: 3px;
            color: #99a1a7;
        }
        </style>
        <input type="checkbox" id="checkbox-1-1" class="regular-checkbox" />
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32454916

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档