我希望在select
输入中设置选项的样式,并添加一些填充来增强外观。下面是我当前的CSS和HTML设置,但我在将填充应用到选项时遇到了麻烦。我可以做哪些调整来实现这一目标?
CSS:
label {
font-size: 15px;
font-family: 'Arial';
display: inline;
}
select {
display: inline;
padding: 5px 10px;
}
option {
/* How can I add padding to the options? */
}
超文本标记语言:
<label for="fruits">Fruits</label>
<select name="fruits">
<option>Apple</option>
<option>Mango</option>
<option>Banana</option>
<option>MuskMelon</option>
</select>
我很感激任何关于如何为option
元素实现所需填充的指导或建议。谢谢你,谢谢!
1条答案
按热度按时间jjjwad0x1#
你不能在这样的选项菜单里做太多的改变。如果你想做一个完整的自定义菜单,那么你必须自己制作所有的组件。我很确定你只能改变选项元素中的文本,但不能改变周围的内容,如果可以的话,你可能不得不使用JavaScript而不是CSS