无法在HTML表单提交按钮上获得圆角？

Question

我有一个HTML文档中的表单的提交按钮,如下所示:

<form id = "submit" method="get" action="">
    <input type="submit" name="action" value="Download" id="dlbutton"/>
</form>

我尝试使用border-radius属性在CSS上使用圆角,但它们仍然保持清晰:

#dlbutton{
    background:#223445;
    color:#FFFFFF ;
    border: 1px solid #223445;
    border-radius: 18px 
    -moz-border-radius: 5px 
    display:inline-block;
    width: 20em;
    height: 5em;
    -webkit-font-smoothing: antialiased;
}

我在另一个页面上有另一个按钮,它的样式完全相同并且有圆角,除了html按钮是这样的:

<p><button class="clickable" id="clickable">Click me</button></p>

我正在使用最新的Firefox.谢谢

Answer 1

你忘记了分号(;).更改:

border-radius: 18px
-moz-border-radius: 5px 

至:

border-radius: 18px;
-moz-border-radius: 5px;

另外,我建议添加:

-webkit-border-radius: 5px;

为了更好的跨浏览器兼容性.