我正在将自定义光标添加到我的一个 Web 应用程序中,但我不希望所有内容都使用指针光标。当您将鼠标悬停在文本上时,您的 Web 浏览器将更改为文本光标,因此我也想在我的应用程序中使用自定义文本光标。
您可以仅使用类似
的内容更改文本光标<span class="curText">This is some text</span>
.curText { cursor: url(textcursor.cur), auto; }
我希望有一些更简单的方法,即使它有点“hacky”,即使它涉及 CSS 和/或 JavaScript,也可以选择应用程序中的所有文本。否则,我将不得不记住在我想要文本光标的任何文本周围添加。这当然是可行的,但我希望有更简单的方法。
最佳答案
我不确定您为什么不想使用 <span>
标签,因为它的用途非常适合您。据我所知,没有其他纯 CSS 方法可以解决您的问题。我确定你可以在 jQuery 中破解它(也许使用 :parent
和/或 :empty
选择器,但那样会更困惑我真的不想引导你朝那个方向......),但是我会说做对并使用 span
,特别是如果它“肯定可行”。
您不必申请 curText
class 到你的跨度,你可以只添加 p span,div span,li span
的声明等等,因为您希望样式全面应用,而不仅仅是特定的跨度
关于css - 应用程序中所有文本实例周围的自定义光标,而不使用 <span>?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9105424/