HTML/CSS

CSS стили для выделенного текста

::selection – псевдоэлемент который отвечает за стили выделяемой области текста. Для более старых версий Firefox ::-moz-selection

Могут использоваться следующие свойства:

  • color
  • background-color
  • cursor
  • outline 
  • text-decoration 
  • text-shadow

И некоторые другие, подробнее на developer.mozilla.org

background-image не поддерживается, добавить картинку или градиент не получиться.

1

Использование ::selection

.text-1::selection {
    background: orange;
}

.text-2::selection {
    color: white;
    background: Purple;
}

.text-3::selection {
    color: red;
}

.text-4::selection {
    text-shadow: 1px 1px 3px orange;
}
2

Запрет выделения текста

Наоборот, если нужно запретить выделение текста, есть user-select: none

* {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
Такой эффект можно легко сделать через CSS свойство transition например для кнопок, меню и т.д.
Цвет карты можно изменить начиная с версии 2.0 с помощью CCS фильтров, применив их к элементу .ymaps-layers-pane
Оригинальный размер капчи составляет 304x78px и чаще всего она не помещается в габариты форм сайта. Исправить это можно...
В данном примере описано как сделать интерактивную схему магазинов на основе векторной графики SVG и jQuery.