複選框：無法檢查Safari中的複選框

Question

我已經創建了一個聯繫人窗體與聯繫表格7插件（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" />