textarea :: selection и :: - moz-selection - PullRequest
       23

textarea :: selection и :: - moz-selection

9 голосов
/ 11 января 2010

Есть ли способ применить псевдоэлементы CSS ::selection и ::-moz-selection к тексту внутри текстовой области?

textarea::selection {
    color: #ff0000;
}

Не работает

Ответы [ 2 ]

4 голосов
/ 11 января 2010

Согласно это , оно должно работать.

Можете ли вы дать ему !important?

Можете ли вы попробовать применить его к элементу, отличному от текстовой области, например div? Если это работает там, это работает по-другому для элементов ввода - но я не могу найти никаких ресурсов, упоминающих это.

1 голос
/ 02 ноября 2010

Обновлено как вы сказали здесь , я тоже обновлю этот вопрос:

Я не согласен. Работает;)
Протестировано на Firefox 4.0b6

Я могу подтвердить, что следующий код работает как минимум в Firefox 4.0b6 (взято из моего ответа )

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Test</title>
<style type="text/css">

p::-moz-selection, input::-moz-selection, textarea::-moz-selection {
    color: red;
    background-color: grey;
}
</style>
</head>

<body>
<p>This paragraph is selection-aware.</p>
<form action="#">
<input type="text" id="itext" value="So is this input[text]" />
<textarea id="itextarea">And this textarea, as well</textarea>
</form>
</body>
</html>

Это может быть не программно, если вы не осторожны с тем, что делаете. Возможно, вы пытаетесь выбрать что-то с помощью jQuery.select () и выбираете объект textarea вместо его содержимого.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...