@tkachenkoaanna097

Как сделать чтобы cursor: pointer появлялся только при наведении на текст, а не на весь блок ссылки?

Как сделать чтобы cursor: pointer появлялся только при наведении на текст, а не на весь блок ссылки? Возможно ли сделать это без ограничений ширины?

  • Вопрос задан
  • 60 просмотров
Решения вопроса 1
sniggering_deus
@sniggering_deus Куратор тега CSS
One Morning Left - Words Won`t Save You
У тега </a> по дефолту стоит cursor: pointer и задавая данному тегу свойство display: block вы позволяете ссылке растягиваться на всю доступную ширину и поэтому cursor: pointer будет висеть на всей ссылке, а не на тексте лежащем внутри ссылки. Собственно говоря можно обвернуть внутри лежащий текст в </span> и задать ему свойство cursor: pointer, а ссылке сбросить cursor: pointer до cursor: default.

<a href="" class="stage__link">
<span class="stage-link__text">Подробнее</span>
</a>


.stage__link {
  display: block;
  text-align: center;
  cursor: default;
}

.stage-link__text {
  cursor: pointer;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы