扩展的select (下拉列表)元素的CSS选择器

Question

当下拉菜单打开或关闭时，我如何设置不同的样式？有没有什么伪选择器或技巧呢？当然没有javascript。

<select>
  <option> op1 </option>
  <option> op2 </option>
</select>

而且:hover并不真正适合我的需要，因为当下拉菜单展开时，我可以将光标移开。它仍然是打开的，但是:hover样式不再适用。

Answer 1

你在找:hover吗？

如果鼠标停在某个元素上，它就是该元素的状态。

​

a {
  color: blue;
}
a:hover {
  color: red;
  text-decoration: overline;
}

<a href="#">Move the mouse over me</a>

​