破碎按鈕CSS

Question

出於某種原因，我有一個應該看起來像這裏提供的圖像按鈕，但另一頁上看起來不一樣可言，即使是使用相同的確切代碼。我不知道爲什麼它不工作 - 這是一個灰色的頁面上，綠色的另一個 - 但它只是像這樣在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; 
} 

Answer 1

想通了。忘記顏色代碼前面的哈希標籤。 Oopsie。

Answer 2

請在#greenbutton顏色代碼一起添加＃標籤。

#greenbutton { 
background: #92ca44;}