Html 如何将提交按钮的形状更改为圆形

可能重复：

我想知道是否有任何方法可以将提交按钮的形状从矩形更改为圆形

---

我不希望使用圆形图像解决方案。我希望按钮的所有其他特征都与css样式相同。

使用css边框半径。我建议你在谷歌上搜索“CSS按钮生成器”之类的工具，找到任何数量的按钮生成器工具，你都可以使用这些工具来获得正确的CSS。您只需确保元素的高度=宽度，然后相应地调整角半径。

使用属性

例如：

。按钮{
宽度：100px；
高度：100px；
背景色：#000；
边框：实心1px#000；
边界半径：50%
}

上面的示例将为您提供一个正则圆。

如果您只想要一个小圆形，请尝试以下方法：

。按钮{
宽度：100px；
高度：30px；
背景色：#000；
边框：实心1px#000；
边界半径：5px
}

现场演示：
现场演示：

---

现场演示：

您可以在CSS中使用边框半径，但IE不支持

玩弄：-

border-radius: 10px 10px 10px 10px

使用此样式：

input[type='submit'] {
    width:100px;
    height:100px;
    border-radius:50px;
}​

---

我建议使用jqueryui（您可以创建自己的主题）

或

CSS3

---

CSS3在IE中不起作用。

您的问题已经得到回答，但我推荐您

它是一个HTML/CSS框架，允许您轻松地（除其他外）创建

此按钮为“交叉浏览器”，这意味着它们与Internet Explorer兼容

只有一个类-

btn

，您可以将

、

或

设置为样式

这：

<button class="btn"></button>

提出：

---

享受新按钮带来的乐趣<代码>：）

但此解决方案不保留“提交”按钮的特征。。它只是创建了一个圆形的div。@vivek_jonam看到了吗：但那也是一个div区域。。我需要它具有提交按钮属性。@vivek_jonam只需将

div

替换为

input

。示例：指向live demo的链接已失效。@卫斯理默奇，但该问题显示了如何创建圆形div区域。。我要更改提交按钮的形状。很抱歉，您没有发现它有用。如果有帮助的话，设置提交按钮的样式非常类似于设置div的样式（试试看）。事实上，两个问题的投票率最高的答案是相同的。我没想到你的问题真的会被解决，一定有人把它标记了。我也在做同样的工作。。但是对于按钮的形状没有任何选择。。是吗？它提供了一个默认形状（如上图所示），但您可以自由修改：它只是CSS！如果需要，在

边界半径：10px

中修改

边界半径：5px

<代码>：）这根本不能回答问题。

<button class="btn btn-success">
    <i class="icon-shopping-cart icon-white"></i>
    <span>Checkout</span>
</button>