Czy użytkownik wybiera dla Opera 10.62 i IE9?

Question

Próbuję zastosować user-select dla obu Opera 10.62 i IE9 bez powodzenia. Nie mogę/nie będę wiązał zdarzeń z kodem JavaScript, który jest preventDefault(), ponieważ jest tak wiele miejsc, które można ustawić jako niemożliwe do wybrania, i nadal muszę zachować selekcje w kilku miejscach. W rzeczywistości, chcę domyślne zachowanie się Nie można wybrać dla całego dokumentu, a jeśli chodzi o, że mam ustawić następujące w moim arkusza stylów:

* { 
    -o-user-select: none; 
    -webkit-user-select: none; 
    -moz-user-select: -moz-none; 
    -khtml-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
} 

wszystko działa świetnie z Firefox 4, Chrome i Safari 7 5. Tylko IE9 i Opera 10.62 nie działają tak, jak bym chciał. Jakieś pomysły?

PS: Jestem nastawiony na nowoczesne przeglądarki.

Answer 1

Czy próbowałeś używać ::selection {color:currentColor;background:transparent}?
Dla przeglądarki Firefox można użyć ::-moz-selection.

https://developer.mozilla.org/En/CSS/::selection
http://msdn.microsoft.com/en-us/library/ff974109(v=VS.85).aspx
http://reference.sitepoint.com/css/pseudoelement-selection

---

// zmiana //
Istnieje również własność unselectable.

Answer 2

Wybór użytkownika nie jest standardową właściwością CSS3, dlatego nie ma wyboru użytkownika ani opcji -o-user-select lub -ms-user-select. Dawniej był w starym interfejsie interfejsu użytkownika, ale został zastąpiony przez specyfikację Basic UI. Prawdopodobnie nigdy nie zostanie zaimplementowana przez żadną przeglądarkę, chyba że zostanie dodana do specyfikacji.

Wybór użytkownika jest raczej zachowaniem niż stylem, dlatego najlepiej używać JavaScript. Jak wspomniano powyżej Knu, możesz zamiast tego użyć opcji nie do wybrania.

Answer 3

Można użyć kombinacji -webkit-user-select: none;, -moz-user-select: none; i specyficzną właściwość unselectable="on", jak opisano tutaj:

How to make text unselectable on HTML page

Answer 4

jQuery:

$('.element').mousedown(function(e) { 
    e.preventDefault(); 
}); 

Ale może trzeba będzie dodać go zarówno do element i jego kontener.

Answer 5

-ms-user-select: none;

wydaje się działać dobrze teraz (IE 10/11)