我试图在单击后在圆形按钮周围显示边框，但边框是圆角正方形而不是圆形。
.dot {
height: 20px;
width: 20px;
border-radius: 50%;
display: inline-block;
border: none;
}
.dot:after {
border: solid 1px #232323;
border-radius: 50%;
}<button class="dot" style="background-color: #cc6c6c;"></button>