当前位置：首页 → 问答吧 → 表单中的两种下拉列表样式箭头CSS为什么不生效

表单中的两种下拉列表样式箭头CSS为什么不生效

时间：2009-02-11

来源：互联网

请教下这两个下拉列表的上下滚动箭头，为什么我加了样式，生效不了？？？请指教。

<span style="border:1px solid #000; position:absolute; overflow:hidden;" > <select name="select2" size="8" style='width:120;font-size:12px;margin:-3px;SCROLLBAR-ARROW-COLOR: #fc0048;SCROLLBAR-TRACK-COLOR:#242400;SCROLLBAR-BASE-COLOR: #24b400; '> <option>tgfhtfhfhghh</option> <option>45</option> <option>4545</option> <option>4544777</option> <option>999889</option> <option>88898989</option> <option>1121212121212</option> <option>ijkdisjdj</option> <option>jiijj</option> </select> </span>
提示：您可以先修改部分代码再运行

<span style="border:1px solid #000; position:absolute; overflow:hidden;" > <select name="select2" size="1" style='width:120;font-size:12px;margin:-3px;SCROLLBAR-ARROW-COLOR: #fc0048;SCROLLBAR-TRACK-COLOR:#242400;SCROLLBAR-BASE-COLOR: #24b400;'> <option>tgfhtfhfhghh</option> <option>45</option> <option>4545</option> <option>4544777</option> <option>999889</option> <option>88898989</option> <option>1121212121212</option> <option>ijkdisjdj</option> <option>jiijj</option> </select> </span>
提示：您可以先修改部分代码再运行

作者: 瑶子发布时间: 2009-02-11

IE only

作者: fonqing 发布时间: 2009-02-11

由于select的优先级别特高，它几乎是不能被CSS所修饰的。下面这个样式在select里是无效的：
style='SCROLLBAR-ARROW-COLOR: #fc0048;SCROLLBAR-TRACK-COLOR:#242400;SCROLLBAR-BASE-COLOR: #24b400; '
上面这个样式只能修饰IE下的滚动条使其改变颜色。

[ 本帖最后由 marvellous 于 2009-2-11 16:27 编辑 ]

作者: marvellous 发布时间: 2009-02-11

width:120;font-size:12px;margin:-3px;这个可以生效呀。但是滚动就无法生效，有没什么好方法。谢谢指点。

作者: 瑶子发布时间: 2009-02-11

复杂表单组件不支持CSS直接控制。

作者: zhuyinhong 发布时间: 2009-02-12

楼主你是在Firefox下没显示效果的吧？我测试了，其他浏览器都有效果的哦！

作者: hautbbs 发布时间: 2011-09-23