Что такое селектор мыши в CSS?

Я заметил, что кнопки и другие элементы имеют стиль по умолчанию и ведут себя в 3 этапа: нормальный вид, просмотр/просмотр/просмотр в режиме мыши/клика, в CSS. Я могу изменить стиль обычного вида и наведения:

button{
  background:#333;
  color:#FFF;
}

button:hover{
  background:#000;
  color:#EEE;
}

но как я могу выбрать mousedown? Я хочу что-то вроде этого:

button:mousedown{
  //some styling
}

спасибо

Ответы

Ответ 1

Я думаю, вы имеете в виду активное состояние

 button:active{
  //some styling
 }

Это все возможные псевдо-состояния, которые может иметь ссылка в CSS:

a:link {color:#FF0000;}    /* unvisited link, same as regular 'a' */
a:hover {color:#FF00FF;}   /* mouse over link */
a:focus {color:#0000FF;}   /* link has focus */
a:active {color:#0000FF;}  /* selected link */
a:visited {color:#00FF00;} /* visited link */

Ответ 2

Я понял, что это ведет себя как событие mousedown:

button:active:hover {}

Ответ 3

Примечание: по какой-то причине синтаксис CSS нуждается в :active фрагменте после :hover для того же элемента, чтобы быть эффективным

http://www.w3schools.com/cssref/sel_active.asp

Ответ 4

Недавно я обнаружил, что :active:focus делает то же самое в css, что и :active:hover если вам нужно переопределить пользовательскую библиотеку css, они могут использовать обе.