鼠标悬停在搜索按钮上?

时间:2011-05-08 10:31:40

标签: css mouseover

On this page,我试图让白色的“搜索”文字在鼠标悬停时变成粉红色 - 但是现在,即使指针也没有变成鼠标上的手形图标... < / p>

搜索确实有用。

感谢您的任何建议,

塔拉

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

2 个答案:

答案 0 :(得分:1)

您可能需要冒号而不是句号,因此:

#s:hover {
    /* omitted */
}

答案 1 :(得分:1)

如果您希望“搜索”输入提交文字在鼠标悬停时变为粉红色(CSS :hover)并显示手形光标,则可以为#searchsubmit:hover编写规则,如:

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