时间戳

首页 > 解决方案 > 在选择框选项中聚焦时如何避免更改字体颜色？

javascript - 在选择框选项中聚焦时如何避免更改字体颜色？

问题描述

这是我尝试过的代码，

<select size="10">
        <option value="1">one</option>
        <option value="2">two</option>
        <option value="3">three</option>
        <option value="3">four</option>
        <option value="3">five</option>
        <option value="3">six</option>
        <option value="3">seven</option>
</select>

option:checked {
    background: #84c0ff linear-gradient(0deg, #84c0ff 100%, #84c0ff 100%);
    color: red
}

我想要做的是我想避免聚焦时颜色变化。在这个例子中你可以看到文本是黑色的，当点击文本时它会是白色的。那是想避免。（每次文字颜色都想变黑）

我怎样才能做到这一点？

option:checked {
    background: #84c0ff linear-gradient(0deg, #84c0ff 100%, #84c0ff 100%);
    color: red
}
<select size="10">
        <option value="1">one</option>
        <option value="2" selected>two</option>
        <option value="3">three</option>
        <option value="3">four</option>
        <option value="3">five</option>
        <option value="3">six</option>
        <option value="3">seven</option>
      </select>

标签： javascripthtmljquerycss

解决方案

我已经对这个问题进行了一些搜索，看起来这似乎是不可能的。 如何在选择框下拉菜单上更改蓝色突出显示的颜色

如果这是绝对必须的，我会开始考虑在输入范围之外构建一个完全定制的选择功能。

推荐阅读