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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何修改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写空,单独设置一下样式就行了

以上是关于如何修改select的option展示样式?还有我想修改被选中的select框中的文字的样式,怎么修改?的主要内容,如果未能解决你的问题,请参考以下文章

如何修改select的option样式

optgroup,option里如何修改字体,修改字体的样式,字体的颜色以及字体的大小?

修改el-select的样式

纯css怎么修改option内的样式

如何在JavaScript 设置 Select 某一个option的背景颜色样式

css的select的option ,鼠标移动到上面的蓝色怎么修改