Настройка для выбранного текста

Question

Я пытаюсь изменить настройки по умолчанию для выбора. я сделал

::selection{
  background: grey;
}

и похоже, что это вступает в силу, когда окно не сфокусировано, но когда оно сфокусировано, оно не имеет эффекта и появляется цвет по умолчанию. Это не работает. Как правильно сделать это, чтобы иметь эффект независимо от фокуса?

Изменить Я думаю, что я был неправ. Я хочу изменить цвет выделенного текста в <input> тег. Как я могу это сделать?

Answer 1

Это поведение браузера по умолчанию, которое вы не можете изменить, когда окно не сфокусировано, выбранный цвет меняется на серый, возможно, это означает, что текст не может быть скопирован (вроде отключен выбор), поэтому мы не можем контролировать этот цвет

---

Пример 2

Answer 2

Вы, вероятно, используете Firefox, который нуждается в -moz префикс:

::selection {
    color: fireBrick;
}

::-moz-selection {
    color: fireBrick;
}

Демо: http://jsfiddle.net/N4AUY/

Обратите внимание, что вы не можете сгруппировать их вместе. Один из них не будет работать, поэтому весь блок правил ломается.

Answer 3

Должно работать нормально, см. Эту демонстрацию. проблема, похоже, в чем-то другом

::selection
{
background: grey;
}
::-moz-selection
{
background: grey;
}