css - 具有自定义边框的 native 按钮样式

Question

我们喜欢原生按钮样式(按下时反转、轮廓等)，但想要调整边框样式。然而，当我们调整边框样式(或任何样式)时，所有原生样式都会丢失。如何在不丢失所有原生样式的情况下应用自定义样式？如果这不可能，是否可以在 css 中复制整个原生样式，然后进行调整？

<button>
Button
</button>

button {
  border: 1px solid green;
}

<button>
Button
</button>

Answer 1

初始按钮样式为:

button {
  background:ButtonFace; 
  color:ButtonText; 
  border:2px outset ButtonFace;
}

然后您可以通过更改背景颜色、边框半径等来调整它。此页面有一些边框示例:http://lifefeed.net/misc/test_borders.php