html - CSS:使用圆 Angular 按钮同步边框

<分区>

到目前为止，我的代码允许我点击带有圆边的按钮，因为我已经应用了 border-radius 功能。然而，当我点击按钮时，钻孔器仍然是方形的，所以看起来非常不同步。

可以在这里看到:

这是按钮的CSS:

.submitToDoButton {
    background: lightgray;
    font-size: 20px;
    color: red;
    padding: 2px;
    width: 100px;
    border-radius: 25px;
}

这就是我认为更改边框的代码，也就是将其设置为相同的半径:

.submitToDoButton:active{
    border-radius: 25px;
}

但这什么都不做

最佳答案

你可以尝试 outline: none; 到主按钮类:

.submitToDoButton{
    border-radius: 25px;
    outline: none; /* add this */
}

如果你确实想要类似轮廓的效果但又好看，你可以使用box-shadow属性。

关于html - CSS:使用圆 Angular 按钮同步边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33939953/

相关文章：

css - 在 Div 行之间插入的间隙