如何修改select的option样式

Posted 2023-04-27

参考技术A css设置下拉列表(select)样式首先我们需要获取到这个元素的id或者是class，然后在通过给这个元素设置它的width和height等等一些样式，具体的看代码: .div1 width:600px; height:200px; font-size:13px; .div select width:200px; .div sel本回答被提问者采纳

如何修改select的option展示样式？还有我想修改被选中的select框中的文字的样式，怎么修改？

我想修改下拉框option的样式，给option添加class没用，比如说我想让下拉框那几行字，字体设为14px，行高设为20px，应该怎么做？

还有我想让“请选择”这个option 和 input[type="text"]的placeholder 展示成一样的样式，怎么做？
select option 这样设置也不对，到底怎么回事啊啊啊

设置字体大小行高可以用ul，li模拟select实现

关于要实现text的placeholder属性倒是有办法。可以试一试，这是例子：

<select>
    <option disabled selected hidden>请选择</option>
    <option>what</option>
    <option>the</option>
    <option>hell</option>
</select>

参考技术A 你这个不是设置不对，是你写的css权限没别的高，被干掉了。找一找起作用的css，然后把它干掉，你再看看本回答被提问者和网友采纳 参考技术B select
font-size: 14px;

option
height: 20px;
display:flex;
align-items:center;/*文字垂直居中*/

这个需要分开设置的，如果不好使就适当用下 !inportant强调一下；‘请选择’那个的话把value写空，单独设置一下样式就行了