select { width: 200px; height: 30px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px; } select option { font-size: 14px; color: #333; }
上面的代码中,select是选择下拉菜单,option是选择其中的选项。大家可以使用这两个选择器来修改下拉菜单和选项的样式。在上述代码中,大家设置了下拉菜单的宽度为200像素,高度为30像素,字号为16像素,并且给它添加了圆角边框。同时,大家还设置了选项的字体大小和颜色。
如果大家想要给选中的那个选项设置样式,可以使用如下代码:
select option:checked { background-color: #e6f9ff; color: #333; }
这段代码的效果是当选中某个选项时,该选项的背景色变为浅蓝色,字体颜色变为黑色。使用这种方式可以使用户更加易于分辨选中的那个选项。