css - 应用程序中所有文本实例周围的自定义光标,而不使用 <span>?

标签 css cursor

我正在将自定义光标添加到我的一个 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/

相关文章:

html - 将侧边栏菜单的初始行居中

css - p-datatable rowStyleClass 不会为每一行设置样式

android - 为什么我的 Activity 在按下主页按钮时崩溃了?

android - 利用 ORMLite 将 Android Cursor 映射到 POJO?

oracle - 查询查找总和小于某个金额的行

java - 无法使用给定的查询删除数据

html - 在 Windows Phone 8 上禁用点击 - html5 移动应用程序

CSS 列重叠/溢出

html - IE 样式表条件

css - 如何使自定义光标出现在整个页面上,而不仅仅是一小部分