Jak uniemożliwić zaznaczanie tekstu przy dwukrotnym kliknięciu?

#btnLeft{ 
    width:40px; 
    padding:2px 5px 2px 5px; 
    background-color: #20a0a0; 
    border: thin solid #099; 
    border-radius:7px; 
    text-align:center; 
    font-family:"Futura Md BT"; 
    font-size:large; 
    color:#FFF; 
}

To jest przycisk css.
Kiedy użytkownik przypadkowo kliknie dwukrotnie zamiast pojedynczego, tekst wewnątrz przycisku zostanie wybrany, tj. - zmieni kolor tła.
Jak zapobiec temu wybraniu za pomocą podwójnego kliknięcia?Jak uniemożliwić zaznaczanie tekstu przy dwukrotnym kliknięciu?

Źródło

2012-12-04 Alegro

Duplikat tego pytania? http://stackoverflow.com/questions/826782/css-rule-to-disable-text-selection-highlighting – Michelle

@Michelle, jakie jest akceptowane rozwiązanie w twoim linku? Ponadto nie chcę uniemożliwiać zaznaczania tekstu w części strony, tylko na przyciskach. – Alegro

"Przyjęte" rozwiązanie na łączu @ Michelle, jest rozwiązaniem z większą liczbą głosów. Dlaczego ten kod CSS uniemożliwiłby użytkownikowi wybieranie tekstu z innych części strony? Umieszczasz to na swoim #btnLeft {} i nie koliduje to z resztą twojego dokumentu. –

spróbować trochę jQuery

$(element).mousedown(function(){ return false; })

z css spróbować

-webkit-user-select: none; 
-moz-user-select: none; 
-khtml-user-select: none; 
-ms-user-select: none;

Źródło

2012-12-04 17:53:04

NullPointer, Wielkie dzięki. Rozwiązany – Alegro

CSS pracował dla mnie, dzięki! – Leo

Jeśli używasz <button> lub <a> tag i zawierać atrybut href wówczas zachowanie powinno zostać złagodzone. I to jest bardziej semantyczne :)

Źródło

2013-08-14 04:27:51 Gazza

W niektórych sytuacjach nie jest to możliwe, jak w przypadku użycia pola wyboru wewnątrz etykiety :) –

Jak uniemożliwić zaznaczanie tekstu przy dwukrotnym kliknięciu?

Odpowiedz

Powiązane problemy