显示<a>作为按钮的Css样式

Question

我有以下<a>给出的Css样式:

a {
    padding: 10px 15px; 
    background: #4479BA; 
    color: #FFF;
}

我希望将其显示为按钮样式.我见过很多css,但我只想要默认按钮css.

有人可以建议我这样做的方法.谢谢!

Answer 1

使用;

a{
  appearance: button; /* CSS3 */    
  -webkit-appearance: button; /* Safari and Chrome */
  -moz-appearance: button; /* Firefox */
  -ms-appearance: button; /* Internet Explorer */
  -o-appearance: button; /* Opera */
  cursor: default;
}

这是一个现场演示

这是一个CSS3属性.参考下表;

如果你想要一个CSS按钮,它看起来就像一个按钮,而不是使用CSS3,它有点难以实现:(.但你可以参考教程如何使用CSS制作性感的按钮.但是如果你想要确切的默认外观HTML按钮,你可以使用看起来像这样的图像.