एंड्रॉइड वेबव्यू रेडियो बटन और चेक बॉक्स शैलियों

Question

रेडियो बटन और चेक बॉक्स के लिए एंड्रॉइड वेबव्यू के साथ काम करना, मैंने मानक एचटीएमएल मार्कअप के साथ कई स्टाइल की कोशिश की लेकिन यह उचित नहीं दिख रहा है। इसकी अलवाई एचडीपीआई, एक्सएचडीपीआई और टैब के साथ बहुत छोटी है।

चेक बॉक्स के लिए इस्तेमाल किया शैलियाँ

input[type="checkbox"] { 
width: 18px; 
padding: 2% 1%; 
height: 18px; 
margin: 2px 0; 
} 

शैलियाँ रेडियो बटन के लिए इस्तेमाल किया

 input[type="radio"] { 
     width: 1em; 
     height: 1em; 
     -webkit-border-radius: 1em; 
     border-radius: 1em; 
     } 

HTML मार्कअप रेडियो बटन के लिए इस्तेमाल किया

<input type="radio" name="select_ship_address" id="shippingInfo"/> 

HTML मार्कअप चेक बॉक्स के लिए इस्तेमाल किया

<input class="floatLeft AddressTxt" tabindex="10" type="checkbox" id="optionOne" name="customer" rel="optional" value="yes" checked=""> 

किसी को भी कोई विचार है। क्रिप्या मेरि सहायता करे।

पूर्व: स्क्रीनशॉट टैब से

Answer 1

लिया बस अपने सीएसएस करने के लिए -webkit-appearance:none जोड़ें। फिर आप इस तरह के तत्वों को पूरी तरह से शैलीबद्ध कर सकते हैं।

तो अपने कोड होगा जैसे:

input[type="checkbox"] { 
    -webkit-appearance:none; 
    width: 18px; 
    padding: 2% 1%; 
    height: 18px; 
    margin: 2px 0; 
} 

और

input[type="radio"] { 
    -webkit-appearance:none 
    width: 1em; 
    height: 1em; 
    -webkit-border-radius: 1em; 
    border-radius: 1em; 
    } 

नोट: बस याद रखें कि इस संपत्ति तत्व से शैली के किसी भी प्रकार निकाल देता है, तो आप फिर से करना होगा पूरी तरह से स्टाइल।

In this blog post सीएसएस ट्रिक्स से आप appearance और ब्राउज़रों में इसकी संगतता के बारे में अधिक पढ़ सकते हैं।