font-weightを設定することができません：<input>要素で使用されたafter擬似要素

Question

入力要素にカスタムスタイルがあり、入力にテキストを配置したい場合は、:after 。

私はに実行している問題は、私は:after要素のフォントの太さを変更するように見えることができないということです、この問題はinputと:after要素の組み合わせで発生します。 Mac用

クローム（最新）

上でテスト

CSS

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/

私はinput要素に設定:after要素にフォントの太さを設定することはできませんなぜ

QUESTION

？

Answer 1

これはここで回答しました。それは次のようです：afterはコンテナタグにのみ追加することを意図していました。 Can I use the :after pseudo-element on an input field?