5

我正在尝试在 CSS 中设置 HTML 提交按钮的样式:

HTML:

<input type="submit" value="Yes" id="popUpYes">"

CSS:

#popUpYes
{
  width: 60px;
  height: 30px;
  background-color: black;
}
#popUpYes:hover
{
  background-color: white;
}

基本样式有效,但背景在悬停时不会改变颜色。

4

6 回答 6

4

您的原始代码对我有用。确保您没有任何其他由提交按钮继承的冲突样式。

于 2013-09-03T19:30:03.530 回答
3

试试这个JSfiddle

尝试这个:

   #popUpYes
    {
      width: 60px;
      height: 30px;
      background-color: black;
      color: white; /* SET COLOR IN WHITE */
    }

    #popUpYes:hover
    {
      background-color: white;
      color: black; /* SET COLOR IN BLACK */
    }    

     
 <input type="submit" value="Yes" id="popUpYes">

您必须为文本分配color- 属性。

于 2013-09-03T18:34:56.513 回答
1

我试过这是 Chrome 并且它有效。

尝试这个:

   #popUpYes
            {
              width: 60px;
              height: 30px;
              background-color: black; color:#fff;

            }
	#popUpYes:hover
	{
	  background-color: white;
	}   

        
 <input type="submit" value="Yes" id="popUpYes">

于 2013-09-03T18:39:01.527 回答
0

工作正常链接

#popUpYes {
   width: 60px;
   height: 30px;
   background-color: black;
   color:white;
}
#popUpYes:hover {
   background-color: white;
   color: black;
}
于 2013-09-03T18:35:07.477 回答
0

现在的代码可以工作-> http://jsfiddle.net/2wYqd/你的浏览器是什么?

#popUpYes {
  width: 60px;
  height: 30px;
  background-color: black;
}
#popUpYes:hover {
  background-color: white;
}
于 2013-09-03T18:33:13.357 回答
0

根据您的问题“基本样式有效,但背景在悬停时不会改变颜色。” ,这仅在您通过属性设置 BackColor 或 background-color 时发生。您的代码工作正常,因为您使用了 css 类而不是属性。

于 2015-08-17T06:59:24.373 回答