我正在尝试在 CSS 中设置 HTML 提交按钮的样式:
HTML:
<input type="submit" value="Yes" id="popUpYes">"
CSS:
#popUpYes
{
width: 60px;
height: 30px;
background-color: black;
}
#popUpYes:hover
{
background-color: white;
}
基本样式有效,但背景在悬停时不会改变颜色。
您的原始代码对我有用。确保您没有任何其他由提交按钮继承的冲突样式。
试试这个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
- 属性。
我试过这是 Chrome 并且它有效。
尝试这个:
#popUpYes
{
width: 60px;
height: 30px;
background-color: black; color:#fff;
}
#popUpYes:hover
{
background-color: white;
}
<input type="submit" value="Yes" id="popUpYes">
工作正常链接
#popUpYes {
width: 60px;
height: 30px;
background-color: black;
color:white;
}
#popUpYes:hover {
background-color: white;
color: black;
}
现在的代码可以工作-> http://jsfiddle.net/2wYqd/你的浏览器是什么?
#popUpYes {
width: 60px;
height: 30px;
background-color: black;
}
#popUpYes:hover {
background-color: white;
}
根据您的问题“基本样式有效,但背景在悬停时不会改变颜色。” ,这仅在您通过属性设置 BackColor 或 background-color 时发生。您的代码工作正常,因为您使用了 css 类而不是属性。