Niektórzy ludzie lubią wyłączyć wybór tekstu z różnych powodów, takich jak utrzymanie go, może sprawić, że strona wygląda brzydką, jeśli ktoś uderzy Ctrl A, a może nie chcesz, aby ludzie potencjalnie opuszczają witrynę po podświetleniu tekstu, aby wyszukać w Google!
.

I Globalnie wyłączona Wybór tekstu na mojej stronie i chciałem ponownie włączyć na konkretne elementy zgodnie z wymaganiami. Po pewnym dochodzeniu znalazłem rozwiązanie.

Wszystkie wymienione kod jest testowany i pracujący na wielu przeglądarkach.

CSS Przykład wyboru tekstu wyłączania na całym świecie.

* {user-select:none;}
0
SJacks 29 grudzień 2019, 17:54

1 odpowiedź

Najlepsza odpowiedź

Rozwiązanie. Sprawdź poniższy link JSFiddle poniżej dla przykładu roboczego.

HTML

<h2>Unselectable/Selectable</h2><br/>
<p>You can't select any of this text but you can select the text in the box below because a css rule has been made specifically to reenable text selection for that particular element.<br/><br/></p>
<input name="title" id='selectMe' type="textbox" />

CSS

* {padding:20px; user-select:none;}
#selectMe {user-select:text; border:1px solid #000; padding:10px;}

http://jsfiddle.net/7zwr0ody/1/

0
SJacks 29 grudzień 2019, 14:54