如何删除或更改默认按钮样式？

Question

如果您单击该图像（位于按钮内），则会弹出一条 Alertify 消息。当消息关闭时会发生这种情况（上图）。

我遇到这个问题，其中按钮默认返回默认按钮装饰。我该如何防止这种情况发生？我已经尝试过outline: none !importantCSS 元素，但它仍然不起作用。有没有一种“积极”的方法来摆脱这个问题？

编辑：我已经仔细检查了开发人员工具，似乎outlineCSS 代码已经应用。然而，这个问题仍然存在。

Answer 1

如果您试图删除背景蓝色和边框。尝试以下样式。

这些将添加一个 1px 宽的透明边框，单击时会将颜色更改为灰色。当单击释放时，它会变回透明。背景蓝色也将被删除。

button, button:focus{
  outline: none;
  background: transparent;
  border: 1px solid transparent;
}

button:active{
  outline: none;
  background: transparent;
  border: 1px solid grey;
}