Ingernirated
@Ingernirated
Романыч

Как убрать эффект выделения текста в ссылке?

Всем привет!
Из-за чего здесь появился эффект возможности выделения текста у 2 и 3 элемента, если перед ними слева окажется курсор?
Как этого избежать не трогая отступы?
https://jsfiddle.net/hcpozves/
  • Вопрос задан
  • 97 просмотров
Решения вопроса 2
kasheibess
@kasheibess
веб уже не тот
Просто добавь вот такие правила.
.menu {
  user-select: none;
}

Главное помнить, что user-select: none; не следует прописывать для input и textarea, так как на маках в них невозможно будет печатать текст.

Я в своих проектах использую вот такой Stylus миксин
$selection-none()
    &
        -webkit-user-select none
        -moz-user-select none
        -ms-user-select none
        user-select none
    input
    textarea
        -moz-user-select all !important
        -webkit-user-select: all !important
        -ms-user-select: all !important
        user-select: all !important
Ответ написан
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Запретить выделение совсем

.menu {
  user-select: none;
}

либо сделать меню на флексах

.menu {
  display: flex;
  flex-direction: row;
}

либо тупо написать в одну строку

<a class="text">портфолио</a><a class="text">цены</a><a class="text">контакты</a>

Пробелы появляются между инлайновыми элементами.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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