在初始渲染中将样式应用于所选的select值

Question

我想让第二个选项在用户第一次单击select时将其样式设置为The configuration section 'httpErrors' cannot be read because it is missing a section declaration。当前，仅当用户将鼠标悬停在选项之一上时，才会应用所选选项的必要样式。在Chrome中不起作用。

<system.web>
  ....
  <httpErrors errorMode="Custom">
    <remove statusCode="403" subStatusCode='-1' />
    <error statusCode="403" path="/forbidden.html" prefixLanguageFilePath="" responseMode="ExecuteURL"  />
  </httpErrors>
</system.web>

option:checked

Answer 1

添加以下代码将使开始（选定）值更改为CSS。可以使用HTML元素上的任何属性来完成此操作。

option[selected] {
  background-color: #216ba5;
  color: #fff;
}