<分区>
<分区>
我在下面有这张图片,它是一个按钮。
我将 border-radius 设置为 50% 以使其呈圆形。 如何将按钮周围的焦点高亮设置为圆形或根本不显示?
我似乎无法在 Chrome begugger 中找到 :focus 或 :clicked css。
这是html
<button id="frontSave" type="button" class="btn btn-lg"><i id="cameraIconFront" class="fal fa-camera fa-2x"></i></button>
最佳答案
您只需覆盖用户代理样式表并将默认的 outline
替换为 border
干杯
body {text-align:center}
button {
border-radius: 50%;
margin: 2rem;
padding: 2rem;
border: transparent 3px solid;
}
button:focus {
outline: none;
border: red 3px dotted;
}
<button>FOCUS<br/>TEST</button>
关于html - 在 Chrome 中找不到聚焦/单击按钮的 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53787898/