HTML - 样式表单按钮

Question

我正在尝试为我的表单设置提交按钮的样式.我正在查看"按钮"标签,并添加我的CSS样式,但按钮仍然有一个可怕的默认样式.

这是我到目前为止:

<button name="visit_return_button" id="visit_return_button" type="submit" class="visit_return_button">
Increase
</button>

我的css样式正在运行,但我也看到了令人讨厌的边框和背景颜色.我也在研究JavaScript,但我不喜欢并非所有浏览器都有JS活动的想法.

下面是按钮的图像,顶部是它的样子,底部是它的样子:

这是我的CSS:

#visit_return_button{
    width:90px;
    height:30px;
    position:absolute;
    background-image: url(image/build_button.png);
    background-repeat: no-repeat;
    /*font-family: Tahoma, Geneva, sans-serif;*/
    font-size: 14px;
    font-weight: normal;
    color: #FFF;
    text-align: center;
    /*margin: auto;*/
    padding-top: 10px;
    margin-top:-20px;
}

非常感谢任何帮助,谢谢

Answer 1

您可以通过 CSS3 Border-Radius 属性轻松制作按钮：-

CSS

 #visit_return_button{
    background-color:#9C8C42;
    border: 2px solid #91782c;
    color: #FFF;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    }

超文本标记语言

<button id="visit_return_button" type="submit">Increase</button>

演示：- http://jsfiddle.net/VY8xs/3/