HTML 按钮上的默认颜色代码

Question

我必须制作一个锚点 <a> ，它看起来类似于 HTML 按钮。但我无法在输入类型按钮上找到默认背景颜色。

原文由 Abhinav Parashar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Firefox 使用缩放灰色 - 从最暗点的 RGB(112,112,112) #707070 到最亮的 RGB(252,252,252) #FCFCFC。

像这样的事情可能会很接近：

 /* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top left, #707070 -50%, #FCFCFC 110.00000000000001%);

/* Mozilla Firefox */
background-image: -moz-linear-gradient(top left, #707070 -50%, #FCFCFC 110.00000000000001%);

/* Opera */
background-image: -o-linear-gradient(top left, #707070 -50%, #FCFCFC 110.00000000000001%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(-.5, #707070), color-stop(1.1, #FCFCFC));

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top left, #707070 -50%, #FCFCFC 110.00000000000001%);

/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom right, #707070 -50%, #FCFCFC 110.00000000000001%);

但是您可能想要使用各种 CSS 工具中的一种来获得恰到好处的效果。

原文由 Steve Kallestad 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

网页上控件的“默认”颜色因您使用的浏览器和操作系统而异。 Mac 控件在 IE 中看起来与 PC 控件非常不同。手机也会以不同方式显示控件。

让它们看起来相同的最好方法是通过 CSS 设置它们的样式，因此请从您最喜欢的浏览器中选择一种颜色。

原文由 skyfoot 发布，翻译遵循 CC BY-SA 3.0 许可协议