样式下拉列表

本文关键字：下拉列表 样式 | 更新日期: 2023-09-27 17:54:13

我如何去样式每个选择列表在我的下拉列表?我可以给每个项目一个id和访问css吗?我试图改变每个项目的背景颜色…

代码如下:

@Html.DropDownListFor(model => model.BehanlingsColour, new SelectList(
                  new List<Object>{ 
                       new { value = 0 , text = "Red" },
                       new { value = 1 , text = "Blue" },
                       new { value = 2 , text = "Green"},
                    },
                  "value",
                  "text",
                   2))

样式下拉列表

Html。DropDownListFor渲染a，所以我不知道为什么你说你不使用标签。

CSS不关心服务器端代码，只关心呈现的HTML，所以如果你有问题，总是给我们呈现HTML和你的CSS。

无论如何，要对元素进行样式化(记住，因为它是CSS中的"可替换元素"，所以样式化的机会是有限的，但您可以做一些很酷的事情:http://bavotasan.com/2011/style-select-box-using-only-css/

你可以重写元素的id="属性，这样你就可以在CSS中使用元素选择器，如下所示:

 @Html.DropDownListFor(model => model.BehanlingsColour, new SelectList(
                      new List<Object>{ 
                           new { value = 0 , text = "Red" },
                           new { value = 1 , text = "Blue" },
                           new { value = 2 , text = "Green"},
                        },
                      "value",
                      "text",
                       2), new { id = "mySelect" })

        #mySelect { width: 135px; }
//or
 @Html.DropDownListFor(model => model.BehanlingsColour, new SelectList(
                      new List<Object>{ 
                           new { value = 0 , text = "Red" },
                           new { value = 1 , text = "Blue" },
                           new { value = 2 , text = "Green"},
                        },
                      "value",
                      "text",
                       2), new { class = "dropdown" })

但是，如果你在局部视图中使用这个DropDownListFor，那么id="属性在文档中就不是唯一的，这是非法的。尝试使用不同的选择器来利用上下文，例如后代选择器。

您应该能够使用css伪选择器，例如:

option:nth-child(1) {
    background: red;
}
相关文章：