いろいろ探したりしてみてわからなかったため質問させていただきます。
<やりたいこと>
optionタグにパディングを入れて間隔を広げたい
※selectタグはパディングは適用されました。
現在下記のコードでセレクトボックスを作成しているのですが...
html
1 2<div class="select_box"> 3<select> 4<option value="項目">項目</option> 5<option value="項目">項目</option> 6<option value="項目">項目</option> 7<option value="項目">項目</option> 8<option value="項目">項目</option> 9</select> 10</div> 11
セレクトボックスを開き出てきたメニューにCSSを入れてみたのですが、上手く適用されず何か方法はありますでしょうか?
css
1 2select { 3 display: block; 4 width: 100%; 5 padding: 8px 10px; 6 -webkit-appearance: none; 7 -moz-appearance: none; 8 appearance: none; 9 box-shadow: none; 10 border: 1px solid #a3a2a2; 11 border-radius: 5px; 12} 13 14select option { 15 display: block; 16 width: 100%; 17 padding: 10px; 18} 19
よろしくおねがいします。
回答2件
あなたの回答
tips
プレビュー