Question

我已经使用Contact Form 7 Plugin（Wordpress）复选框创建了一个联系表单，但我无法在Safari中搜索它们。我怎么解决呢？ http://www.r90.ch/contact-form/

CSS：

.myinput[type="checkbox"]{ 
width: 11px !important;
height: 11px !important;
border: 1px solid #808080 !important; }

Answer 1

尝试使用此代码作为复选框样式

<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" />

复选框：无法在Safari中选中复选框

1 个答案: