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

Question

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

Хотя поиск работает.

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

Тара

#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;
}

Answer 1

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

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

Answer 2

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

#s:hover {
    /* omitted */
}