与Buttons的Cursor CSS交互

时间:2018-06-13 09:58:43

标签: html css cursor

我尝试使用自定义光标创建一个网页,并且它工作正常,除非我将鼠标悬停在按钮上 - 如何更改此设置以便自定义光标不会这样做?



body, html {
  cursor: url(cursor.gif), pointer;
}

<body align="center">
  <h2>Click this button!</h2>
  <button onclick="location.href='/ever';">Click Me!</button>
</body>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:0)

我认为你正在寻找这个:

family

答案 1 :(得分:0)

问题的简单解决方案可能是:

button {
    cursor: inherit;
}

答案 2 :(得分:0)

浏览器有各种元素的默认样式。按钮的默认样式cursor设置为default。由于它是更具体的风格,它需要优先级。因此,您需要为它重写相同的内容。您可以尝试以下

:hover {cursor: pointer;}
<div>test</div>
<button>test</button>
<input type="button" value ="Click"/>

注意,添加:hover选择器,将对每个元素应用更改。如果您有不同的要求,那么您必须相应地指定css中的元素。