javascript - 如何删除选择框中选项元素周围的蓝色边框和蓝色选项颜色

标签 javascript jquery html css

正如问题标题所说,我想知道如何在单击选择时删除选项框周围的默认蓝色边框?

以及,如何移除悬停在同一选项上时显示的默认蓝色?

更新 我注意到你们很多人都理解错了,事实上 THIS是我要定制的。

最佳答案

您可以使用 HTML5 元素:

select{
    border: none;
    appearance: none;
    color: red;
}

select option{
    color: red;
}

DEMO HERE

注意:目前无法在选项中应用 css(hover) 来获得您想要的结果

关于javascript - 如何删除选择框中选项元素周围的蓝色边框和蓝色选项颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29654403/

相关文章:

javascript - 当我使用 JQuery 加载页面时,表单的提交不起作用

javascript - jquery 在可排序时更改类

javascript - 使每个函数结果显示分开

html - 禁用单个列和行的边框折叠

javascript - 我如何实现 javascript 以便将帖子的背景基于帖子标题生成的颜色?

html - 最大宽度似乎在 safari 中不起作用

javascript - 如何在用户完成输入表单时更改 div 的背景(如进度条)?

jquery ui - 可拖动 : onDrag - need to be able to update the css of the draggable. ..cant :(

php - Jquery html() 用于特定行

javascript - 仅在首页加载时运行 Javascript