javascript - 填充半径是否有属性或解决方法？

Question

我正在使用一个圆形按钮， 边框半径:50%;

我的元素中有一个元素，目的是使整个按钮都可点击，而不仅仅是元素中的内容。

当我向元素添加填充时，它使得整个按钮都可以点击，但是由于 border-radius 是 50%，按钮的不应该被点击的 Angular 是可以点击的.

我希望这足以概述我的问题，如果可能的话我会包括一个 jsfiddle。

https://jsfiddle.net/nmcloota/7c95q1ov/5/

Answer 1

将 overflow: hidden; 添加到您的父按钮，这样 child 的内容将被隐藏

button {
    height:200px;
    width:200px;
    background-color:gold;
    border-radius: 50%;
    overflow: hidden;
}

https://jsfiddle.net/nd5po7rg/1/我更新了你的 fiddle

编辑: 我应用了更多样式以使文本更居中 看看:https://jsfiddle.net/1fd5rksg/19/