CSS, чтобы разрешить только выделение текста на веб-странице? - PullRequest
Новая
       1

CSS, чтобы разрешить только выделение текста на веб-странице?

6 голосов
/ 22 июня 2011

Существует ли облегченный фрагмент кода CSS или Javascript, который позволит мне делать только выделение / выделение объектов на странице доступными только для текста? Меня всегда раздражает, когда вы пытаетесь выделить текст, и в итоге вы выделяете элементы div, изображения и тому подобное.

Есть ли способ только для выделения текста? Это будет включать в себя абзац, якоря, текст внутри divs & images и все теги заголовка.

Спасибо! ~ Джексон

Я загружаю результаты любому, кто ответит на этот вопрос, в настоящее время я использую код @Nick Radford, который он ETA'd.

Здесь, и это ближе, еще много выбора, кроме текста, продолжающегося ctrl + a: http://designsweeter.com/

Ответы [ 2 ]

16 голосов
/ 22 июня 2011 
html{ 
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none; 
}
p,a,h1,h2,h3,h4,h5,h6,div,br,li,td,article{
    -o-user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

Первый блок отключает выбор в html, второй повторно включает его для любого элемента, который может содержать текст, начиная с HTML5.Это довольно большой, но минимизированный , он меньше: 

html{-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none}p,a,h1,h2,h3,h4,h5,h6,div,br,li,td,article{-moz-user-select:text;-o-user-select:text;-webkit-user-select:text;user-select:text}
6 голосов
/ 22 июня 2011

это может работать: 

img, div { 
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none; 
}
...