我需要在鼠标移到所选文本上时更改光标类型。
在这里你可以找到一张解释性的图片:
Image to explain the type of cursor I want http://img190.imageshack.us/img190/1786/72162829.png
在此示例中,用户必须将一些文本拖到文本区域。由于传统指针不直观,我想使用“移动”指针(光标:指针)。我用 photoshop 制作了这张图片。有谁知道如何在 HTML/CSS/JAVASCRIPT 中实现它?
最佳答案
Selection styles (在 IE 中不支持)是唯一能达到预期效果的东西:
::selection {
color: red;
cursor: move;
}
::-moz-selection {
color: red;
cursor: move;
}
...但是,尽管文本变为红色(这只是一个控件),但光标在 Safari 或 Firefox 中似乎没有变化。但是,如果将文本包装在 HTML 元素中,并将样式应用于该元素(通过 ID 或类),一切正常。
您可以使用 JavaScript 的 window.getSelection()
解决此问题。方法将所选文本包装在 DOM 元素中,然后为该 DOM 元素设置样式。不过,我不确定这是否可行(而且可能有点老套)。
关于javascript - 使用 HTML/Javascript 在鼠标越过某些选定文本时更改光标类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1491302/