具有自定义边框

时间:2015-12-19 06:54:10

标签: css

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



<button>
Button
</button>
&#13;
&#13;
&#13;

&#13;
&#13;
button {
  border: 1px solid green;
}
&#13;
<button>
Button
</button>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

初始按钮样式为:

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

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