使用<select>标签</select>的CSS歌剧问题

Question

CSS：

select {
float:left;
background:url(../images/bg_search_sml.png) top left repeat-x;
border:none;
width:200px;
font:15px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
padding:7px 0 10px;
}

option {
height:auto;
outline:none;
border:none;
}

为什么只有opera和IE6有这个标签的问题。我必须在opera和IE6中做的标签将像IE7,8或FF一样工作。代码forr CSS已启动。

问候

Answer 1

在每个浏览器中使用纯CSS一致地设置表单元素的样式或多或少是不可能的。原因是，在某种程度上，表单控件和滚动条等元素被视为操作系统（Windows，OS X等）界面的一部分。之后，每个浏览器进一步确定它们的外观。然后，每个浏览器仅允许使用CSS操纵某些表单控件的某些方面。他们没有在每个浏览器中以标准方式实现这一点。

作为评论中提到的 jcubic ，您可以使用JavaScript（如Dojo Toolkit）来创建自定义表单元素。但是，您需要注意，使用<select>元素时，通常可以通过将<select>替换为文本<input>来实现。然后，JavaScript用于添加试图模仿真实<select>的功能。虽然这在理论上听起来很好，但功能永远不会与真实<select>完全匹配，并且往往会产生可用性问题，因为这些自定义元素的行为方式与用户期望<select>无法正常工作的方式相同。

您将获得的最佳建议就是找到一种方法将默认的表单控件外观合并到您的设计中。