html - 为按钮的内边距设置圆 Angular

Question

我有一个带有圆 Angular 边框的 Bootstrap 按钮。我也想在边框圆 Angular 内制作按钮的内部部分而不是矩形。

这是我的 Fiddle .基本上我希望内部边框与外部黑色边框相似，而不是矩形。

HTML:

<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>

CSS:

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited 
{
background-color: #00A0AF !important;
background: linear-gradient(#00A0AF, #00ffff);
}
.btn-primary {
border: 5px solid #000000;
color: #000000;
}

Answer 1

css border-radius 属性就是你想要的。

将 border-radius: 10px; 添加到 .btn-primary 类即可。

演示 here .