我可以将输入按钮设置为带边框的矩形吗？

Question

我想设置我的输入按钮以取消所有正常样式，然后将它们变成带有圆边的矩形。我是CSS的新手。有人可以告诉我是否可以这样做。

约翰

Answer 1

是的，当然。

input[type=submit], input[type=button], button {
    border: 1px solid #000;
    background: #f00;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

你去。

http://jsfiddle.net/4fW4y/

更多花里胡哨的例子：

http://jsfiddle.net/4fW4y/1/

而且，正如Jeroen所说，只有现代浏览器才支持更高级的效果。