CSS歌剧问题<select>标签

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; 
}

为什么只有歌剧和IE6有此标签的问题。我必须在Opera和IE6中做些什么，标签会像IE7,8或FF一样工作。 Code forr CSS已启动。

问候

来源

2010-09-20 senzacionale

您可以在Opera DragonFly中检查dojo'http：// demos.dojotoolkit.org/demos /'，了解它们的窗口小部件的CSS样式。 – jcubic 2010-09-20 17:07:16

嗯，除了道场之外，没有别的可能吗？ – senzacionale 2010-09-20 17:23:20

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

由于jcubic在评论中提到，您可以使用JavaScript（如Dojo Toolkit）来创建自定义表单元素。但是，您需要注意的是，使用<select>元素时，通常通过将文本<input>替换为<select>来完成此操作。然后使用JavaScript来添加试图模仿真实<select>的功能。虽然理论上这听起来不错，但功能从未完全匹配实际的<select>，并倾向于产生可用性方面的顾虑，因为这些自定义元素并不像用户期望<select>那样工作。

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

来源

2010-09-20 18:13:08 stevelove

CSS歌剧问题<select>标签

回答

相关问题