CSS Cursor属性不会在元素上更改光标

时间:2014-02-19 16:05:20

标签: html css google-chrome cursor

我正在尝试一些非常简单的事情,我有一个div,当鼠标悬停在它上面时我想指定一个cursor: pointer

我试图通过以下方式这样做:

<div style="width: 30px; height: 30px; top: 381px;left: 277px; cursor:pointer;"></div>

事实是,当我在divdiv之外的鼠标之间传递鼠标时,光标只会发生变化,但在div内部时它不会停留。所以基本上这种变化几乎是不可察觉的,就好像它应用于div边界而不是整个div。

我决定google并决定尝试一个W3示例

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_cursor

我注意到完全相同的事情,光标不会留在元素上。

我正在使用Chrome Version 32.0.1700.107

我知道如何解决这个问题?

谢谢!

1 个答案:

答案 0 :(得分:0)

2014年,最初发布问题时,您的浏览器可能存在问题。

对于其他任何发现此问题的人。请注意,cursor: pointer的代码可以正常工作。下面的代码段显示了一个示例,原始代码已修改为仅出于演示目的添加大小和颜色。

<div style="cursor:pointer; background-color: #f97709; width: 300px; height: 300px; top: 381px; left: 277px;"></div>

相关问题