Textmarkierung unterbinden mit CSS

In manchen Fällen kann es gewollt sein, dass man einen bestimmten Text auf einer Website nicht mit der Maus markieren kann. Ein Beispiel hierfür ist das wenn man ein DIV Element mit einem OnClick() Event benutzt. Wenn man auch ein solches DIV Element klickt, erscheint der Cursor und das kann einfach schlecht aussehen.

Mit CSS kann man das Markieren von Texten ganz leicht unterbinden. Einfach den folgenden CSS Code am betreffenden HTML Element andocken:

.unselectable {
  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}

Der Anwender kann nun nicht mehr den Text mit der Maus markieren. Diese CSS Definition funktioniert in allen gängigen Browsern (IE, Firefox, Chrom, Safarie, etc.).

http://www.agile-coding.net/textmarkierung-unterbinden-mit-css/