0

fontawesomeアイコン フォントを使用して、html 選択メニューのアイコンを変更しようとしています。私のコードは次のとおりです

<select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

私のCSSは

select {
    position: relative;
}
 select:after {
    font-family: 'FontAwesome';
    content: '\F150';
    position: absolute;
    color: black;
}

ここにデモがあります

どうすればいいですか？誰かが私を助けてくれませんか..

4

1 に答える 1

1

ブラウザが選択をレンダリングする方法と関係があります。

選択のラベルを付けてから、ラベルの後にCSSを配置する必要があります

<select id="select-1" name="select-1"> ... </select> <label for="select-1"></label>

次にcssで

#select-1 + label:after { styling }

http://jsfiddle.net/YdQka/9/

于 2013-09-12T02:29:11.360 に答える