我try 过简单的CSS解决方案,以及CSS和jQuery的组合.问题是,只有在未选中该选项时,才会以红色显示该选项的0值.

.red {
  background: red;
}

select option[value=0] {
  background: red;
}
<select id="ups">
  <option value=0 class="red" selected="selected">No</option>
  <option value=1>Yes</option>
</select>

我已经进行了广泛的搜索,所以请任何帮助是感激的.谢谢

推荐答案

我想这取决于浏览器,在firefox上,我看不到任何红色背景的东西,即使没有选中.

这里有一个类似的问题:

人们将此联系起来:

我不认为这样做只适用于其中一个选项.然而,当你 Select 一个(例如"否")背景时,整个东西就会变成红色.虽然不完美,但我认为这在大多数流行浏览器上都会起作用.

Javascript相关问答推荐

foreach循环中的Typescript字符串索引

容器如何更改默认插槽中子项的显示?

react 路由加载程序行为

使用TMS Web Core中的HTML模板中的参数调用过程

如何判断属于多个元素的属性是否具有多个值之一

Chrome是否忽略WebAuthentication userVerification设置?""

Msgraph用户邀请自定义邮箱模板

切换时排序对象数组,切换不起作用

如何解决useState错误—setSelect Image不是函数''

如何修复我的数据表,以使stateSave正常工作?

Puppeteer上每页的useProxy返回的不是函数/构造函数

如何在JAVASCRIPT中临时删除eventListener?

如何在我的Next.js项目中.blob()我的图像文件?

如何使用画布在另一个内部绘制一个较小但相同的形状,同时保持恒定的边界厚度?

如何修复使用axios运行TSC index.ts时出现的错误?

构建器模式与参数对象输入

Socket.IO在刷新页面时执行函数两次

有没有办法通过使用不同数组中的值进行排序

如何在Java脚本中并行运行for或任意循环的每次迭代

在Java脚本中构建接口的对象