Курсор CSS взаимодействие с кнопками - PullRequest
0 голосов
/ 13 июня 2018

Я пытаюсь создать веб-страницу с пользовательским курсором, и она работает нормально, за исключением случаев, когда я наводю курсор мыши на кнопки - как я могу изменить это, чтобы пользовательский курсор не делал этого?

body, html {
  cursor: url(cursor.gif), pointer;
}
<body align="center">
  <h2>Click this button!</h2>
  <button onclick="location.href='/ever';">Click Me!</button>
</body>

Ответы [ 3 ]

0 голосов
/ 13 июня 2018

Простым решением вопроса может быть:

button {
    cursor: inherit;
}
0 голосов
/ 13 июня 2018

Браузер имеет несколько стилей по умолчанию для различных элементов.Стиль по умолчанию для кнопки cursor установлен на default.Поскольку это более конкретный стиль, он имеет приоритет .Следовательно, вам нужно переопределить то же самое для него.Вы можете попробовать как следующие

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

Примечание , добавив селектор :hover, будет применять изменения для каждого элемента.Если у вас другое требование, вам нужно будет соответственно указать элементы в CSS.

0 голосов
/ 13 июня 2018

Я думаю, вы ищете это:

button {
    cursor: inherit;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...