具有多种颜色的HTML选择下拉列表

下拉列表中的不同项目是否可以有不同的颜色

例如：

选项1=绿色 选项2=蓝色 等等，这是你想要的

option.red{背景色：cc0000；字体重量：粗体；字体大小：12px；} option.pink{背景色：ffcccc；} 开始 -HTML简介 CSS和HTML

备选方案1{ 颜色：红色； } 备选方案2{ 颜色：绿色； } 备选方案3{ 颜色：黄色； } 备选方案4{ 颜色：蓝色； } 选择1 选择2 选择3 选择4 我猜你是说精选的？这应该起作用：

option:nth-child(1) { background: green; }
option:nth-child(2) { background: blue; }

---

etc

是的，可能，cssSadly在选项标记中使用class或id:nth child在IE中不工作，在其他一些浏览器中也存在问题。它是一个CSS3选择器，仍在开发中，未在所有主流浏览器中正确实现。如果我以这种方式从列表中填充下拉列表，该怎么办：'@Html.DropDownListForm=>m.ModActionCatList，actionCatList，新{@class=select2-select-00 col-md-12所需的全宽修复…“也许有人能帮我澄清一些困惑，我查了一下，这段代码可能会解决这个问题，包括解释如何以及为什么解决这个问题会真正有助于提高你的文章的质量。请记住，你是在未来，而不仅仅是问的人。考虑编辑你的答案，添加一个解释和/或更多的了解为什么你的解决方案比其他的更好。

                    <div class="col-lg-3">
                        <label>Job Status:</label>
                        <select type="text" name="fname" class="form-control"  placeholder="Job Status" >
                                <option value="">Select Status</option>
                                <option class="btn btn-success"  value="Working">Working</option>
                                <option class="btn btn-warning"  value="In Proccess">In Proccess</option>
                                <option class="btn btn-danger" value="Closed">Closed</option>
                        </select>
                    </div>