2015-10-19 145 views
-1

Working button破碎按钮CSS

出于某种原因,我有一个应该看起来像这里提供的图像按钮,但另一页上看起来不一样可言,即使是使用相同的确切代码。我不知道为什么它不工作 - 这是一个灰色的页面上,绿色的另一个 - 但它只是像这样在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

“只有在IE8中”是一个完整的蠕虫病毒,但无法查看这两个页面,我们所说的任何事情都只是一种疯狂的猜测。 – Rob

回答

1

想通了。忘记颜色代码前面的哈希标签。 Oopsie。

0

请在#greenbutton颜色代码一起添加#标签。

#greenbutton { 
background: #92ca44;}