Как запретить выделение с «синим» фоном?

Question

[Павел]

как запретить вот такую некрасивую штуку при случайном выделении? css или js

Answer 1

[GreatBOND]

user-select: none;

Comments

[Ярослав Иванов]

Это действует на весь блок а человеку нужно было убрать вертикальные полосы по бокам.

[Павел]

тоже полезная штука , спасибо

[Moskus]

Ярослав Иванов: Вопрос в том, на что это повесить. Мы же не знаем, как у автора вопроса все это свёрстано (на самом деле, конечно, подозреваем, и верстку тоже надо бы поправить).

[Ярослав Иванов]

Moskus: Он привел пример тостера ) чтобы эти полосы убрать надо повесить селект на tabs tabs_mobile и будет выделятся без полос.

[Moskus]

Ярослав Иванов: Очевидно, что автор - не разработчик тостера, а всего лишь использовал подручный пример.

[Ярослав Иванов]

Moskus: Да и дело не в этом а в полосах. user-select: none не подходит так как полностью убирает выделение.

[Ярослав Иванов]

Moskus: И причем тут разработчик тостера?)))

[Moskus]

Ярослав Иванов: При том, что тогда бы имело смысл воспринимать пример буквально. А у него же какой-то другой, собственный код.

[Ярослав Иванов]

Moskus: Тут не в коде дело а в атрибутах и алгоритме. Как куда и на какой блок повесить и чтобы все работало.

[GreatBOND]

mrusklon: Попробуйте user-select: text; - должно быть то что вам надо.

Answer 2

[Ярослав Иванов]

::selection {
	background: rgba(255, 255, 255, 0); 
}

Comments

[Павел]

супе! спасибо большое ! только background 2 раза :)