html - 无法在 HTML 表单提交按钮上设置圆 Angular ？

Question

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

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

我尝试使用 border-radius 属性通过 CSS 在其上设置圆 Angular ，但它们仍然保持锐利:

#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;
}

我在另一个页面上有另一个按钮，它的样式完全相同并且有圆 Angular ，除了在 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;

更好的跨浏览器兼容性。