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

Question

如果您单击该图像(位于按钮内)，则会弹出一条 Alertify 消息。这(上图)发生在消息关闭时。

我有这个问题，其中按钮默认返回到默认按钮装饰。我如何防止这种情况发生？我已经尝试了 outline: none !important CSS 元素，但它仍然不起作用。是否有一种“激进”的方式来摆脱这种情况？

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

Answer 1

如果您正在尝试删除背景蓝色和边框。尝试以下风格..

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

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

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