css 如何< datalist>在Chrome中自定义活动边框?

sc4hvdpw  于 2023-02-10  发布在  其他
关注(0)|答案(1)|浏览(95)

我正在macOS 13.1上使用Chrome Version 109.0.5414.119 (Official Build) (x86_64)
我想自定义<datalist>激活时的蓝色边框。

我试过:active:hover和许多选择器,都失败了。
还有什么我能做的吗?

qv7cva1a

qv7cva1a1#

尝试使用:focus-visible on input。也许这可以解决这个问题。

input:focus-visible {
    outline: 2px solid red;
}

相关问题