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

Posted 2023-03-06

【中文标题】我可以将输入按钮设置为带边框的矩形吗？

【英文标题】：Can I style an input button to be just a rectangle with a border?

【发布时间】：2011-08-23 04:38:20

【问题描述】：

我想设置我的输入按钮的样式，以去掉所有正常的样式，并将它们制作成带有圆角边缘的矩形。我是 CSS 新手。有人可以告诉我是否可以这样做。

约翰

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

【讨论】：

+1 好答案。请注意，旧版浏览器可能不支持圆角边缘（IE6？不确定）。

还要注意输入选择器may not be supported in IE6