CSS按钮不会渲染为一个按钮

Question

我有这样的代码

.sidebar-button 
{ 
    color:#ffffff; 
    background-color:#ff9933; 
    background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ffae5e), to(#ff9933)); 
    background-image:-moz-linear-gradient(top, #ffae5e, #ff9933);background-image:-ms-linear-gradient(top, #ffae5e, #ff9933); 
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffae5e), color-stop(100%, #ff9933)); 
    background-image:-webkit-linear-gradient(top, #ffae5e, #ff9933);background-image:-o-linear-gradient(top, #ffae5e, #ff9933); 
    background-image:linear-gradient(top, #ffae5e, #ff9933);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffae5e', endColorstr='#ff9933', GradientType=0); 
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#ff9933 #ff9933 #ff8000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
} 

但它呈现为橙色背景的文本。任何想法为什么它不能正确呈现？我错过了什么吗？

Answer 1

height: 30px; 
width: 100px; 

你需要让按钮的宽度和高度： http://jsfiddle.net/uJR2t/

Answer 2

一旦你开始造型，你必须完全样式。它不会继承基本的按钮属性。您也可以使用像这样的http://css-tricks.com/examples/ButtonMaker/这样的东西快速创建更多详细的按钮。