【问题标题】:How do you change the default cursor set for a webpage?如何更改网页的默认光标设置?
【发布时间】:2012-01-17 21:15:08
【问题描述】:

我正在尝试用自定义 .curs 替换我网页上的所有光标。我知道使用

cursor: url(uri);

但我真正想做的是用我自己的替换默认指针、文本、默认值等。有人知道怎么做吗?

【问题讨论】:

    标签: html css mouse-cursor


    【解决方案1】:

    只是不要这样做。作为用户,我不喜欢网页摆弄我的自定义设置。

    【讨论】:

    • 嗯,我明白你在说什么,但我想给它一个有趣且不那么专业的外观,所以我想要更幽默的光标
    【解决方案2】:

    您需要通过将 cursor 属性设置为不同元素的不同值来做到这一点,模仿浏览器使用不同光标的方式。例如,

    input[type=text] { cursor: url(text.cur), text; }

    浏览器的行为方式不尽相同,description of rendering in the HTML5 draft 并未详细描述该领域的浏览器行为。它只包含注释和特殊设置:

    a:link[rel~=help], a:visited[rel~=help],
    area:link[rel~=help], area:visited[rel~=help] { cursor: help; }
    

    这可能是您可以模仿的规则之一。但恐怕你需要自己找出大多数规则。奇怪的是,即使是 CSS 2.1 规范中的“HTML 4 的默认样式表”也根本没有设置 cursor 属性。

    如果我想做这样的事情,我可能会获取一个 HTML 元素列表(一些扩展列表或我实际使用的元素列表)并考虑每个元素的光标形状,在浏览器中进行一些测试根据需要。

    但出于可用性原因,我会犹豫自定义光标形状,除非是在专门的应用程序中。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-01-14
      • 2020-07-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-03-07
      • 2011-10-14
      相关资源
      最近更新 更多