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

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 所说，只有现代浏览器才支持更高级的效果。