如何使用Android複選框，單選按鈕OnsenUI ios7主題

Question

我喜歡的溫泉iOS7的主題，但iOS的主題複選框和單選按鈕是不是真的直觀。我想使用android主題複選框和單選按鈕。我試圖從firebug控制檯複製Android主題CSS到一個新的CSS文件來覆蓋IOS風格，但它不能正常工作。有人能幫我解決這個問題嗎？我使用下面

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

Answer 1

把這個示例代碼在你app.css或任何CSS文件後ios7.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;