在展开时更改选择边框

Question

我正在尝试更改选定项目的边框，但仅在展开并显示选项时才会更改 任何想法怎么做???

Answer 1

详细询问您的问题。

要编辑html中的任何小部件，如文本框，文本字段，按钮..，您必须包含样式标记。学习风格标记here

Answer 2

这是一个简单的例子;

HTML中的

，

<select>
    <option>option 1</option>
    <option>option 2</option>
</select>

CSS中的

，

select { 
    border-color: red;
    border-width: 5px; 
}
select:focus {
    border-color: blue;
}

一旦用户使用选择框，这将把边框颜色从红色变为蓝色。

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

select:hover {
    border-color: blue;
}

随意看看哪一个对你有好处。