सीएसएस चेकबॉक्स

Question

को छोड़कर सभी इनपुट तत्वों को सीमा लागू करें मैं एक सीएसएस वर्ग है:

input { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    border: 1px solid #003399; 
} 

जिनमें से ज्यादातर के लिए काम करता है कि मैं क्या चाहते हैं, लेकिन मैं अब एक चेकबॉक्स है कि इस सीमा जबकि जरूरत नहीं है की आवश्यकता है पृष्ठ पर शेष इनपुट तत्वों को सीमा लागू होती रहती है।

input[type="checkbox"] 
{ 
    border: none; 
} 

यह फ़ायर्फ़ॉक्स और क्रोम के साथ ठीक काम करता है लेकिन यानी नहीं 8, एक जब मैं यानी डेवलपर टूल का उपयोग तत्व का निरीक्षण करने के मैं दोनों शैलियों देख सकते हैं:

इसलिए मैं अतिरिक्त सीएसएस श्रेणी का निर्माण उठाया गया है, लेकिन यह तब होता है जब मैं इनपुट शैली के बगल में चेक बॉक्स को अचयनित करता हूं, सीमा चेक बॉक्स के लिए सीमा गायब हो जाती है।

यह डिफ़ॉल्ट है:

और यह मैं क्या सीमा से छुटकारा पाने के लिए क्या करना है:

Answer 1

क्यों न केवल चयनकर्ता चयनकर्ता को उलटा करने के लिए चयनकर्ता का उपयोग करें?

input:not([type=checkbox]) 
{ 
    border: 1px solid #039; 
} 

यदि यह IE8 या उससे पहले है, तो आप शायद कक्षाएं जहां तुम क्या सीमा सेट करना चाहते हैं के लिए अलग नियम, का उपयोग के रूप में यह समर्थन नहीं करता है चाहिए: नहीं (या अच्छी चीजें के किसी भी) ।

संपादित करें:

input[type=checkbox] 
{ 
    border: none; 
} 

IE8 में काम करता है अगर आप एक doctype, यहां तक ​​कि साधारण < DOCTYPE HTML >

Answer 2

यह medium none कहने के लिए लगता है। यह देखने के लिए कि क्या इससे कोई फर्क पड़ता है, आप border: 0px transparent; आज़मा सकते हैं।

Answer 3

आईई में यह सीमा नहीं है जिसे आप देख रहे हैं। चेकबॉक्स पर ध्यान देने के कारण यह हाइलाइटिंग होना चाहिए। चेकबॉक्स पर धुंधला ईवेंट निष्पादित करने का प्रयास करें, इससे मदद मिल सकती है।

Answer 4

इस मदद करता है जोड़ने!?

input[type="checkbox"] 
{ 
    border: none !important; 
}