css - 默认浏览器按钮背景色

因此，请查看以下按钮:

它们没有样式，并且看起来还不错(第二个是鼠标悬停在上面)。

我可以以某种方式保持它们的外观，但可以更改背景颜色吗？

如果通过CSS的background-color属性执行此操作，则会得到以下信息:

看起来真的不像其他的(它不是圆形的，颜色是普通的，没有内部辉光)...

最佳答案

每个浏览器都有自己的样式。但是使用CSS可以实现它。检查以下内容:

input {-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.16, rgb(207,207,207)),
    color-stop(0.79, rgb(252,252,252))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(207,207,207) 16%,
    rgb(252,252,252) 79%
);
padding:3px;
border:1px solid #000;}

更新

css按钮的更新版本，带有:hover和@xec在注释中发布的出色站点的渐变。

演示: http://jsfiddle.net/Ekf5b/1

有用的渐变发生器:http://gradients.glrzad.com/

一些其他信息:第一步是添加圆 Angular 。要在中设置圆 Angular ，可以使用css3pie。然后使用引用的任何工具添加渐变。最后，出于明显的原因，我添加了padding，并添加border覆盖了浏览器的默认设置。