ASP.Net चेकबॉक्स लापता CSS वर्ग

Question

मैं निम्नलिखित ASP.Net चेक बॉक्स नियंत्रण एक पृष्ठ पर जोड़ लिया है:

<asp:CheckBox ID="chkActive" runat="server" CssClass="myClass" />

लेकिन जब पेज गाया जाता है यह CssClass संपत्ति के मूल्य पर ध्यान नहीं देता:

<input name="ctl00$mainContent$chkActive" id="ctl00_mainContent_chkActive" type="checkbox" value="on"/> 

एएसपी.Net चेक बॉक्स में सीएसएस कक्षा को लागू करने के लिए कोई विचार कैसे?

धन्यवाद एलन।

Answer 1

ठीक है, जब आप ASP.Net पर एक CssClass लागू करते हैं चेक बॉक्स नियंत्रण यह कक्षा को उस अवधि में लागू करता है जो चेक बॉक्स को लपेटता है। चूंकि सीएसएस वर्ग सीधे तत्व पर लागू नहीं होता है, यह उस वर्ग को ओवरराइड नहीं करता है जो सभी इनपुट तत्वों पर लागू होता है। इसलिए मैंने तत्व का चयन करने और आवश्यक शैली को लागू करने के लिए jQuery का उपयोग किया।

$("input[type=checkbox]").addClass("myClass"); 

Answer 2

आप इसे कक्षा के साथ span में लपेट सकते हैं।

Answer 3

मैंने पाया यह करने के लिए एक अलग जवाब है, तो आप codebehind से एक एएसपी चेकबॉक्स को सीधे एक वर्ग आवंटित करने के लिए संपत्ति

MyCheckBox.InputAttributes["class"] = "myClass"; 

उपयोग कर सकते हैं। बस यह नोट करते हुए कि मुझे Google के माध्यम से यह पोस्ट मिली है और निर्दिष्ट उत्तर मेरे लिए काम नहीं करेगा।

Answer 4

यह पोस्ट काफी पुराना है, लेकिन मैं Google (जैसे मेरे) से आने वाले किसी भी व्यक्ति की सहायता के लिए अपना समाधान पोस्ट करूंगा।

आप क्योंकि लपेटकर span CssClass आपके द्वारा निर्दिष्ट है, और एक input बच्चा है, jQuery में बच्चे चयनकर्ता > उपयोग कर सकते हैं। अपने कोड में:

$('.myClass > input').addClass("myClass"); 

Answer 5

अगर आप सिर्फ इतना है कि वर्ग के नाम के साथ कि चेक बॉक्स का चयन करने के लिए वर्ग का उपयोग कर आप उपयोग कर सकते हैं ($ ('myClassname> इनपुट।') है (। ': जाँच की')) {// अपनी कार्रवाई}

Answer 6

आप एएलओ जैसे

<asp:CheckBox ID="cbValittu" runat="server" Checked='<%# Eval("Valittu")%>' Class="checBoks" /> 

Css class can look something like: 
.checBoks input 
{ 
    width: 18px; 
    height: 18px; 
    vertical-align:middle; 
}