html - html按钮上的可移植圆 Angular

Question

我有一个简单的 html 按钮，我将其包装到 div 中。我知道这样的按钮在不同的浏览器上可能呈现不同。

<div id="but_begin"><button type="button" id="but2_begin">Go</button></div>

我在按钮上设置了以下 CSS(使用 JQuery):

$("#but2_begin").css({
    backgroundColor: "yellow",
    width:50
});

它呈现如下:

我想摆脱它周围的阴影并使 Angular 落变圆。现在，当我阅读网上所有关于按钮布局和圆 Angular 的可用信息时，我有点害怕。它似乎根本没有收敛。

我的问题:如何以可移植的方式在 HTML 按钮上设置圆 Angular ？这可能仅适用于 CSS 吗？还是我应该使用图书馆？或者我应该使用不同的 HTML 标记或方法吗？

Answer 1

您所说的“阴影”是指按钮的边框。设置 border:none; 就没了。圆 Angular 你可以用纯 CSS 来做，但只有当它没问题时，旧的浏览器才不会把它渲染成圆形。只有支持 CSS3 的较新版本才会出现。

.rounded-corners {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}