我正在尝试在IE7中将光标设置为指针,但它不起作用,有没有办法解决?
<select style="cursor:pointer;">
<option>test1</option>
<option>test2</option>
</select>
<select style="cursor:pointer;">
<option>test1</option>
<option>test2</option>
</select>
IE7支持cursor:pointer
样式,只有IE5.5及更早版本不支持,但现在可以安全地忽略它们。详情请参见http://quirksmode.org/css/cursor.html。
因此,如果在特定情况下无法正常工作,则一般情况下不是IE7的问题,因此我怀疑<select>
标签与其有很大关系。
当IE渲染<select>
元素时,实际上在幕后使用ActiveX控件来显示操作系统的下拉选择器小部件。这与它处理其他字段类型的方式不同,其他字段类型由浏览器呈现引擎直接呈现。
这种差异通常对用户透明,但偶尔会出现一些小故障。
最常见的故障是<select>
框忽略z-index
,并始终在IE中显示在顶部,如果您想在选择框和输入字段之间切换,则更难以使用。解决此故障的方法通常涉及iFrame。
我猜问题在于将光标类型设置为选择框是由于相同根本原因造成的另一个故障。
如果是这种情况,那么我怀疑您将无法解决此问题。您可能只能接受旧版本的IE无法为这些字段设置光标。
style="cursor: pointer"
应用于父元素。另一个选项是通过<div>
等方式模拟<select>
的功能,并使其以此方式工作(类似于jquery ui组件的方式)。这样,您就可以拥有功能性的选择框,但也可以自由地对其进行样式设置。 - anthony sottile