HTML按钮的默认颜色代码是什么?

4

我需要创建一个锚点<a>,它看起来类似于HTML按钮。但是我无法找到输入类型按钮的默认背景颜色。


1
什么?这个问题不是很清楚,你有一些我们可以看到的代码吗?你所说的“默认背景颜色”是指浏览器默认还是你自己的默认? - Kyle
你可以使用 css3button 生成器 - Vucko
2
我认为没有默认的按钮颜色,每个浏览器都会根据自己的喜好来渲染按钮。 - Imperative
5个回答

8

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工具来调整它,以达到最佳效果。


2

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

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


1
更不用说颜色也会根据操作系统主题或皮肤而有所不同了。 - Lâm Tran Duy

1

根据:标准

使用系统颜色关键字:

ButtonFace:用于推按钮的面部背景颜色。


这是正确的答案 :) - undefined
你能找到链接中按钮悬停时的颜色吗?也许你知道它是什么颜色? - undefined

0
在Chrome中,默认按钮的颜色是HEX:#f0f0f0。

这个回答是在一年前发布的,它对于这个回答有什么补充呢? - undefined

0

#f0f0f0 是 HTML 按钮标签的默认十六进制代码。


你的回答可以通过提供更多支持信息来改进。请[编辑]以添加进一步的细节,例如引用或文档,以便他人可以确认你的答案是正确的。您可以在帮助中心中找到有关如何编写良好答案的更多信息。 - Community

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接