由于项目需求, 要实现 DropDownList 选项背景, 在网上找了很久, 还是没有找到合意的,
可能因 ListItem 它不对 Attributes 解析, 要么就重写 DropDownList 的 RenderContents 方法等.
并且还要处理 ViewStatus .或是将 DropDownList 改为 HtmlSelect 但要改的比较多所以暂时放弃.
用 CSS Style 吧, 突然想到用Style 结合 Expression 功能十分强大, 没白费力气, 试了很久, 终于得想要的结果.
为按要求为不同的的选项设置不同的样式.
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/1327ab569c1ae82736693a50b8e33378.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/1327ab569c1ae82736693a50b8e33378.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/1327ab569c1ae82736693a50b8e33378.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/1327ab569c1ae82736693a50b8e33378.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
<style>
/* 为选项值 等于 2 或 3 的项设置 灰色(#cccccc) 背景 */
#ControlID Options { background-color : expression((value=="2"||value=="3")?'#cccccc':'') ; }
</style>
/* 为选项值 等于 2 或 3 的项设置 灰色(#cccccc) 背景 */
#ControlID Options { background-color : expression((value=="2"||value=="3")?'#cccccc':'') ; }
</style>
公式 还可以处理 option 的其它属性 如 selected, text, parentElement 等