Question

我有CSS

div.myButton input a {
display:block;
height: 24px;
width: 43px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url("hover.png") 0 0 no-repeat;
text-decoration: none;
}
myButton a:hover {  
background-position: 0 -44px;
color: #049;
}
myButton a:active {
background-position: 0 -88px;
color:#fff;
}

然后我有HTML

<div class="myButton"><INPUT type="submit" name="" value=""></div>

我不知道我哪里出错但我无法查看图片!!

任何帮助？

由于

Answer 1

div.myButton input a查找包含输入的类myButton的div，其中包含锚点。你没有这样的锚，所以这种风格不适用于任何东西。

Answer 2

变化

div.myButton input a

到

div.myButton input

和另外2到

div.myButton input:hover

div.myButton input:active

http://www.jsfiddle.net/EpyGn/1/

Answer 3

div.myButton { 显示：块; 身高：24px; 宽度：43px; 填充：10px 10px 10px 7px; font：bold 13px sans-serif; 颜色：＃333; 背景色：＃093; 背景：网址（图像/ add.png）; 背景图像：网址（文件：/// C | /Documents%20and%20Settings/pooja/Desktop/cnn.png） text-decoration：none; } myButton a：悬停{
background-position：0 -44px; 背景色：＃093; 颜色：＃049; } myButton a：active { background-position：0 -88px; 背景色：＃093;

颜色：#FFF; }

CSS和Button的问题

3 个答案: