如何在HTML和CSS中的选项标签上应用悬停颜色

Question

如何在HTML和CSS的下拉菜单中将悬停颜色应用为默认选择选项？ 有没有人对它有任何想法？

Answer 1

此示例可以帮助您（在Internet Explorer上工作）

＆＃13;

＆＃13;

option {
  font-family: serif;
  font-size: 20px;
  line-height: 3;
  padding: 20px;
}

option:hover {
  background: black;
  color: red;
}

option:active {
  background: yellow;
  color: blue;
}

option:focus {
  background: green;
  colour: orange;
}

＆＃13;

<select name="select">
  <option value="value1">Value 1</option> 
  <option value="value2">Value 2</option>
  <option value="value3">Value 3</option>
</select>

＆＃13;

＆＃13;

＆＃13;