Блог

Главная - Вопросы по программированию - Наведите курсор мыши на кнопку поиска?

Наведите курсор мыши на кнопку поиска?

#css #mouseover

#css #наведение курсора мыши

Вопрос:

На этой странице я пытаюсь сделать так, чтобы белый текст «поиск» при наведении курсора стал розовым, но прямо сейчас даже указатель не превращается в значок руки при наведении курсора мыши…

Поиск все же работает.

Спасибо за любые предложения,

Тара

 #s {
  margin-left:0px;
  float: left;
  width:200px;
  height:13px;
  padding: 6px 2px 7px 5px;
  background:#f4f4f4;
  border:1px 0px 1px 1px #000;
  font: normal 100%  Helvetica, sans-serif;
  color:#333;
}

#s.hover {
  margin-left:0px;
  float: left;
  width:200px;
  height:13px;
  padding: 6px 2px 7px 5px;
  background:#f4f4f4;
  border:1px 0px 1px 1px #000;
  font: normal 100%  Helvetica, sans-serif;
  font-color:#ff9999;
  color:#333;
}

Ответ №1:

Если вы хотите, чтобы вводимый текст «search» при наведении курсора мыши становился розовым (CSS :hover ) и отображал ручной курсор, вы могли бы написать правило для #searchsubmit:hover такого:

 #searchsubmit:hover{
    color:pink; /*or whatever*/
    cursor:pointer;
}

Ответ №2:

Возможно, вам понадобится двоеточие вместо точки, поэтому:

 #s:hover {
    /* omitted */
}

Комментарии:

1. Вы имеете в виду двоеточие. Точка с запятой выглядит следующим образом: ; .

2. #s — это вводимый текст, я думаю, OP означает кнопку отправки с текстом «поиск» (#searchsubmit)