html下拉框如何根据值的不同显示不同的颜色。

<select name="abc">
 <option value="0" selected>未完成</option>
 <option value="1" >已完成</option>
</select>

我想未完成显示为红色，已完成显示黑色，怎么实现？

报告相同问题？

关注问题

html下拉框如何根据值的不同显示不同的颜色。 css3 html5
2022-05-09 18:08

回答 3 已采纳得写javaScript了。。。let select = document.getElementsByTagName("select"); select[0].addEventListener("c
element-vue 根据下拉框选项判断显示的是下拉框还是输入框 elementui vue.js
2022-04-29 11:37

回答 2 已采纳感觉你可以在下拉框设置一个type值，然后用if判断，第一个type是0，第二个type是1，然后下方的下拉框和输入框用v-if判断，==0是下拉框，==1是输入框
关于vue下拉框选择下拉框值的问题 html5 vue.js
2022-06-21 20:20

回答 2 已采纳树形下拉选择。然后做一个处理就行。点击时，再请求接口。antd-vue 有这个组件 https://www.antdv.com/components/tree-select-cn#co
web前端入门到实战：html根据下拉框选中的值修改背景颜色
2019-10-16 21:40

魔方编程的博客错误的写法 <!doctype html> <html> <head>...根据下拉框选中的值修改背景颜色</title> <script type="text/javascript"> function changecolo(colo){//要有返回值 va...
html根据下拉框选中的值修改背景颜色
2019-12-29 15:02

web世界之窗的博客错误的写法 <!doctype html> <html> <head>...根据下拉框选中的值修改背景颜色</title> <script type="text/javascript"> function changecolo(colo){//要有返回值 va...
没有解决我的问题, 去提问