Html 在展开时更改“选择边框”

Html 在展开时更改“选择边框”,html,css,Html,Css,我试图更改选定项的边框,但仅当它展开并显示选项时 知道怎么做吗 详细地问你的问题 要编辑html中的任何小部件,如textbox、textfield、button..,必须包含样式标记。学习风格标签这里是一个简单的例子 在HTML中 <select> <option>option 1</option> <option>option 2</option> </select> 这将在用户使用选择框后将边框颜色从

我试图更改选定项的边框,但仅当它展开并显示选项时
知道怎么做吗

详细地问你的问题


要编辑html中的任何小部件,如textbox、textfield、button..,必须包含样式标记。学习风格标签这里是一个简单的例子

在HTML中

<select>
    <option>option 1</option>
    <option>option 2</option>
</select>
这将在用户使用选择框后将边框颜色从红色更改为蓝色

edit1: 显然,当用户选择一个选项时,边框将保持蓝色,直到他/她单击选择框外的其他元素。一个小的修正是使用悬停选择器。但是,当用户将鼠标悬停在select元素上时,即使没有显示选项窗口,它也会更改颜色

select:hover {
    border-color: blue;
}

请随意查看哪一种对您有好处。

首先分享您尝试过的样式详细说明每个人都可以获得知识我已经尝试过了,但当选择(下拉)时正在扩展无论我做什么,边框都是黑色的。我已经放置了一个测试样本,它按照预期工作。感谢您的快速响应,我需要更改当您单击selectAh下拉列表时打开的框的边框?很抱歉,到目前为止,还没有CSS样式。但是您可以使用javascript/jQuery来设置它的样式。请参阅示例或此插件。
select:hover {
    border-color: blue;
}