CSS

Запрет выделения текста в браузере средствами CSS

06.05.2013

Для того чтобы в окне браузера запретить выделять курсором мыши область или текст, используйте следующие свойства:

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

Будет работать в IE10+ и на всех современных браузерах.

Подробнее

Настраиваем стили выделения текста средствами CSS

При верстке макета не забывайте стилизовать выделяемый текст. Для этих целей можно воспользоваться псевдоэлементом ::selection. В правилах которого разрешено использовать только следующие свойства: color, background или background-color. Для браузеров Firefox существует отдельный псевдоэлемент ::-moz-selection.

CSS правила должны выглядеть так:

::-moz-selection {
    background-color:rgba(0,0,0,0.66);
    color:#fff;
}
::selection {
    background-color:rgba(0,0,0,0.66);
    color:#fff;
}
Подробнее