Изменяем стиль выделения текста

[Hope]

Пользователь Hope разместил новый ресурс:

Изменяем стиль выделения текста - Изменяем стиль выделения текста.

Посмотреть вложение 4375

​

В шаблон EXTRA.css добавляем:

::-moz-selection { background-color: #dd2020; color: #fff; }
::selection { background-color: #dd2020; color: #fff; }

Посмотреть вложение 4376

​

В шаблон EXTRA.css добавляем:

::-moz-selection { background-color: #84D95A; color: yellow; }
::selection { background-color: #84D95A; color: yellow; }

Узнать больше об этом ресурсе...

 

[Filentin]

Благодарю. )

 

[argument]

Посмотреть вложение 44166

Благодарю. )

Красота, чО! :-)

 

[Skaiman]

Это для мазилы и сафари, но в принципе должно работать просто

::selection{background: #000; color: #fff;}

можно добавить хром:

::-moz-selection{background: #000; color: #fff;}
::webkit-selection{background: #000; color: #fff;}
::selection{background: #000; color: #fff;}

 

[Karat7]

Это для мазилы и сафари, но в принципе должно работать просто

::selection{background: #000; color: #fff;}

можно добавить хром:

::-moz-selection{background: #000; color: #fff;}
::webkit-selection{background: #000; color: #fff;}
::selection{background: #000; color: #fff;}

В хроме работает без webkit. В инете нет точного ответа нужна эта строка или нет

 

[Skaiman]

В хроме работает без webkit.

Так и в мазиле будет работать без webkit, потому что новые браузеры поддерживают css3, как выше написал достаточно selection одного :), ну уж если добавлено в коде селектор для мазилы, значит надо добавлять и для хрома :), к стати я щас и не добавляю их :)

 

[MrOne]

При написание сообщения, в textarea этот код не работает.
Добавил

.fr-element > p::selection {
background: #ffb7b7;
}
.fr-element > p::-moz-selection {
background: #ffb7b7;
}
::selection {
background: #ffb7b7;
}
::-moz-selection {
background: #ffb7b7;
}

но для фоматированного текста не работает...



P.S. Цвет у меня другой, но смысл тот же.

P.S.2. Где вообще устанавливает основной цвет selection?

 

[IshidaRex]

MrOne, это для версии 1.X, а не для версия 2

 

[Atikin]

MrOne, Внешний вид → Настройки стиля → Полнофункциональный текстовый редактор.