出于某种原因,我有一个看起来像这里提供的图像的按钮,但在另一个页面上它看起来完全不一样,即使它使用相同的确切代码。我不知道为什么它不起作用 - 它在一个页面上是灰色的而在另一个页面上是绿色的 - 但它在IE8中只是这样,并且在chrome中运行良好。
HTML:
<input type="submit" value="Submit" id="greenbutton"/>
CSS:
#greenbutton {
margin-top: 5px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #689324;
line-height: 35px;
color: #fff;
display: inline-block;
height: 50px;
width: 200px;
-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
box-shadow:inset 0px 1px 0px 0px #c1ed9c;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #92CA44), color-stop(1, #72A332) );
background:-moz-linear-gradient( center top, #92CA44 5%, #72A332 100% );
background: 92ca44;
border-radius: 3px;
}
#greenbutton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
background-color:#8cb82b;
}
#greenbutton:active {
position:relative;
top:1px;
}
答案 0 :(得分:1)
想出来。忘记颜色代码前面的哈希标记。 Oopsie。
答案 1 :(得分:0)
请在#greenbutton中添加#tag和颜色代码。
#greenbutton {
background: #92ca44;}