如何在Onsenui ios7主题中使用Android复选框和无线电按钮

Question

我喜欢Onsen ios7主题，但是iOS主题复选框和无线电按钮并不是真正直观的。我想改用Android主题复选框和无线电按钮。我尝试将Android主题CSS从Firebug Console复制到新的CSS文件以覆盖iOS样式，但它无法正常工作。有人可以帮我吗？我正在使用下面的示例代码

<label class="topcoat-checkbox">
  <input type="checkbox">
  <div class="topcoat-checkbox__checkmark"></div>
  OFF
</label>

Answer 1

将其放入您的 app.css 或ios7.css

之后的任何CSS文件中

.topcoat-checkbox__checkmark:before {       
    width: 18px !important;
    height: 19px !important;
    background: rgba(0, 0, 0, 0) !important;    
    border: 1px solid #535353 !important;   
    border-radius: 0 !important;    
}
input[type="checkbox"]:checked + .topcoat-checkbox__checkmark:after {
    opacity: 1;
}
.topcoat-checkbox__checkmark:after {
    top: -1px !important;
    left: 2px !important;
    opacity: 0;
    width: 14px !important;
    height: 6px !important;
    background: rgba(0, 0, 0, 0) !important;
    border: 1px solid #09C !important;
    border-width: 4px !important;
    border-top: none !important;
    border-right: none !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;