Q&A
###実現したいこと
自分でリストを追加・削除できるページを作ろうとしていて、
そのリストにはそれぞれアイコンがあります。
アイコンはBootstrapのを使用しています。
そこで、アイコンを任意に設定できるようselectのoptionに設定したいのですが、optionにspanを書いてみてもなかったことにされてしまいます。
Bootstrapで使えるアイコンをoptionに設定することはできないのでしょうか？
###該当のソースコード
html
1<select name="icon"> 2 <option value="asterisk"><span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span></option> 3 <option value="plus"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></option> 4 <option value="euro"><span class="glyphicon glyphicon-euro" aria-hidden="true"></span></option> 5 <option value="minus"><span class="glyphicon glyphicon-minus" aria-hidden="true"></span></option> 6 <option value="cloud"><span class="glyphicon glyphicon-cloud" aria-hidden="true"></span></option> 7 <!-- 以下略 --> 8</select>
回答2件
0
ベストアンサー
stackoverflowに同じことを聞いている人がいます。
http://stackoverflow.com/questions/19259518/how-to-use-a-bootstrap-3-glyphicon-in-an-html-select
このプラグインを使えばできるとのことです。
http://silviomoreto.github.io/bootstrap-select/
動作デモだそうです。
http://www.bootply.com/86480
投稿2016/06/19 06:31
総合スコア9210
0
option 要素の中にはspan要素を入れることが出来ません。セレクトタグのスタイルを変更するには別途何かしらのライブラリを必要とします。
【option 要素 - HTML | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Element/option
投稿2016/06/19 06:31
総合スコア69625
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/06/19 06:38