在Chrome中找不到焦点/点击按钮的css[重复]

Question

我下面有一个图片，它是一个按钮。

我似乎找不到：焦点或：点击的css在Chrome beggger。

下面是html

<button id="frontSave" type="button" class="btn btn-lg"><i id="cameraIconFront" class="fal fa-camera fa-2x"></i></button>

Answer 1

您只需重写用户代理样式表，并用边框替换默认的大纲

干杯

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>