使用自定义光标时，如何将鼠标悬停在文本上时设置I-bar光标？

Question

我正在为我的网站使用自定义光标集（以覆盖大多数现代操作系统使用的丑陋的AA光标）。我已经成功设置了自定义指针/光标，但是当用户将鼠标悬停在/选择文本时，我在设置I-bar光标时遇到了一些困难。是否没有一个简单/通用的#text元素来设置网页上的所有文本的样式？当我输入div时，我不想将光标更改为I-bar（如类似stackoverflow文章中所述）;我只想在将鼠标悬停在文本上时进行更改。感谢。

body {
    margin: 0 !important;
    cursor: url(../images/cursors/cursor.png), default;
}
a:link:active {
    cursor: url(../images/cursors/pointer_active.png), pointer ;
}
a:link {
    cursor: url(../images/cursors/pointer.png), pointer ;
}
input[type=text], #text {
    cursor: url(../images/cursors/text.png), text !important;
}

Answer 1

我会使用以下内容。

p, input {
  cursor: text;
}

Answer 2

我在我的网站上简化了一些现存的样式表时想到了这一点：

html { 
    cursor: url(cursors/crosshair.gif) 17 17, pointer;
}
body {
    cursor: initial;
}

简洁明了。