【问题标题】:Is there a better way to change the cursor? Am I doing it right?有没有更好的方法来改变光标?我做对了吗?
【发布时间】:2011-09-06 07:19:29
【问题描述】:

前几天我只是在使用一些 javascript,以前,我知道如何让它显示光标的唯一方法就是这样做:

1:

<a href="javascript:" onClick="myfunction()"></a>

但我决定寻找其他方法来做到这一点。不想让我的 css 乱七八糟,我把它添加到我的样式表中:

2:

a{
    cursor:pointer
}

我不会在其他任何地方设置非链接锚点的样式。可以设置非链接锚的样式吗?

3:

或者有没有一种我应该用 javascript 做的方法比上面列出的两种方法更好。

【问题讨论】:

  • 他在您的第一个示例中添加了代码格式(之前不可见,因为它试图将其显示为链接而不是 HTML 代码)。

标签: javascript css cursor hover anchor


【解决方案1】:

嘿,有些浏览器称光标为指针,其他浏览器称其为手(忘记了哪个)。所以你要做的是

.pointable
{
    cursor: pointer;
    cursor: hand;
}

编辑:

我喜欢制作一个叫做 pointable 的 CSS 样式,并将它应用到我想要指向的任何元素上。

<div class="box pointable rounded">dggf</div>
<a class="pointable">sdds</a>

【讨论】:

  • Hand 是 IE 制作的,从来不是 CSS 标准官方支持的值。除非您尝试支持 IE5,否则不要添加该行。除了 IE
  • 嗯,是的,我不确定是哪个浏览器,我想应该很明显。但是我认为即使在 IE 6 中我也曾经遇到过这个问题,所以我一直都是这样做的。但它从不伤害,只是为那些仍然停留在过去的人多加了一条线。
【解决方案2】:

只要这不会妨碍您在页面上的任何其他位置设置 &lt;a&gt; 标记的样式,这是最好的方法。

【讨论】:

  • @Jackson - 我看不到 #1 上的文字 - 所以我将它移到了一行中,所以它作为代码转义了。
  • 您可以通过点击“编辑__前”链接查看编辑的内容。
【解决方案3】:

所有&lt;a&gt; 标签都应该有一个href 属性,即使它是空白的或者是javascript:;
所以我推荐选项 1。

【讨论】:

  • 锚点不需要具有 href 属性。请阅读规格。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-08-22
相关资源
最近更新 更多