6

だから、私は入力要素にカスタムスタイルを持っていて、を使用して入力にテキストを配置したい:after.

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

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/

テスト済み

Chrome for Mac (最新)

質問

:after要素に設定された要素に font-weight を設定できないのはなぜinputですか?

4

1 に答える 1

2

これはここで答えられました。:after は、コンテナタグのみに追加することを目的としていたようです。入力フィールドで :after 疑似要素を使用できますか?

于 2013-08-09T15:10:52.107 に答える