@megazvero

Как запретить выделение в инпуте?

https://jsfiddle.net/Lfzea67r/

update. имелось ввиду, чтобы нельзя было выделить значение
тоесть сейчас единица в инпуте
  • Вопрос задан
  • 98 просмотров
Пригласить эксперта
Ответы на вопрос 5
@HabrDima20
фокус или border ???
если border тогда border: none;

https://jsfiddle.net/sb85r1ut/3/
Ответ написан
sniggering_deus
@sniggering_deus
Mother is a god in the eyes of a child.
<input class="input" type="text" value="1">

body {
      background: white;
}

.input {
      border: 3px solid #cccccc;
      padding: 10px;
      outline: 0;
      user-select: none;
}

.input::selection {
      background: transparent;
}

.input:active,
.input:hover,
.input:focus {
      outline: 0;
      outline-offset: 0;
}


Ответ написан
Natalia_ai
@Natalia_ai
люблю вёрстку
Если я правильно поняла Вас, то речь идёт об атрибуте disabled. Добавьте его в input HTML-разметки.
Ответ написан
@SlavaMaxwell
HTML-верстальщик, Frontend developer
input:focus { outline: none; }
Ответ написан
@strelok011
Странный кейс.
Можно при клике в инпут сразу давать ему blur, можно сделать disabled, а можно выводить результат не в инпут а в див с запретом выделения. Другое дело, что все это не спасет от панели разработчика или от выделения текста, начиная за пределами запрещаемого блока. Дополнительно можно обрабатывать копирование в буфер и затирать на лету, можно выводить значение картинкой или через canvas.
Только все это вред.
Смысл того что выводится для просмотра и сразу же запрещается для копирования? Пользователь уйдет в другой сервис.
Если информация каким-то образом попала на страницу - всегда найдется путь ее скопировать. Пусть сложнее и мудренее.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
04 апр. 2020, в 23:07
30000 руб./за проект
04 апр. 2020, в 23:05
100000 руб./за проект
04 апр. 2020, в 22:57
2000 руб./за проект