फ़ॉन्ट-वेट सेट नहीं कर सकते: <input> तत्व

Question

पर प्रयुक्त छद्म-तत्व के बाद, इसलिए, मुझे इनपुट तत्व पर एक कस्टम शैली मिली है, और मैं :after के उपयोग के साथ इनपुट पर कुछ टेक्स्ट रखना चाहता हूं ।

समस्या मैं में चल रहा हूँ

है कि मैं :after तत्व पर font- वजन बदलने के लिए नहीं कर पा रहे, इस समस्या को केवल input और :after तत्वों के संयोजन के साथ होता है।

सीएसएस

input[type="checkbox"] { /* enable styling of the checkbox ! */ 
    -moz-appearance: none; 
    -webkit-appearance: none; 
} 

input { /* set up some basic styles.... */ 
    background-color:#ccc; 
    width:200px; 
    height:200px; 
    background-color:grey; 
} 

input:after { /* and we create the :after element */ 
    width:100%; 
    text-align:center; 
    font-weight:100; /* THIS DOESN'T WORK FOR SOME REASON */ 
    content: "This should be thin"; /* some text */ 
} 

JSFIDDLE

http://jsfiddle.net/xQVfL/1/

पर

क्रोम मैक के लिए (नवीनतम)

परीक्षण किया

प्रश्न

मैं क्यों :after तत्व एक input तत्व पर सेट पर font- वजन निर्धारित नहीं कर सकते?

Answer 1

इसका उत्तर यहां दिया गया था। ऐसा लगता है: केवल कंटेनर टैग में शामिल होने के इरादे से था। Can I use the :after pseudo-element on an input field?