Как исправить отключенную подсветку текста? - PullRequest
Новая
       31

Как исправить отключенную подсветку текста?

0 голосов
/ 19 марта 2019

Подсветка текста не работает для всех полей ввода в моем веб-приложении asp.net с последними версиями FireFox и Google Chrome (CTRL + A также не работает).Я еще не смог протестировать более старые версии.С Edge он работает правильно.

Подробности: двойной щелчок по тексту или перемещение мыши по тексту, удерживая левую кнопку мыши, не выделяет текст.Удивительно, но перетаскивание и копирование / вставка работает.Таким образом, текст на самом деле выделен, но не выделен.

Я искал в своем CSS для disable-select , но не смог найти ни одного вхождения.

Любые предложения, где еще искать причину?

Ответы [ 2 ]

1 голос
/ 20 марта 2019

Требуемое для поиска свойство не disable-select, а user-select. Например 

-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none;

Другое свойство, которое вы можете искать: ::selection для Chrome и ::-moz-selection для Firefox.

Кроме того, вы можете изменить цвет выделения по умолчанию только для теста: 

::selection {
  background: #FF0000;
}
::-moz-selection {
  background: #FF0000;
}
0 голосов
/ 21 марта 2019

Что я узнал: Нет вхождения user-select: none в моем CSS. Но в Style.css я нашел: 

::selection {
    text-shadow: none;
}

Который я изменил на: 

::selection {
    text-shadow: none;
    background: #f7ea54;
    /*or any other color*/
}

Теперь подсветка работает со всеми браузерами! Почему он не работает с настройками по умолчанию, я не мог понять.

...