Javascript 如何查找默认占位符设置

我正在创建一个下拉菜单，它将位于一个带有占位符的框旁边。我希望框中的两个文本显示相同。我想知道，如何从文本框中找到默认属性，以便在下拉菜单中使用这些属性

黑色默认值

试试这个

选择{
颜色：rgb（0,0,0）；
不透明度：0.54；
}

变成灰色

要检查默认浏览器样式，可以使用

window.getComputedStyle（）

。不幸的是，每个浏览器都使用自己的伪类/伪元素名称作为占位符：

• WebKit和Blink（Safari、Google Chrome、Opera 15+）使用伪元素：
• Mozilla Firefox 4到18使用一个伪类：（一个冒号）
• Mozilla Firefox 19+正在使用一个伪元素：， 但旧的选择器仍将工作一段时间
• Internet Explorer 10正在使用伪类：

IE版本9及以下版本 版本12之前的版本不支持占位符的任何CSS选择器

（摘自）

示例代码 我用这段代码发现，在我的Firefox上，占位符的颜色为黑色，不透明度为0.54

var firstInput=document.getElementsByTagName（'input'）[0]，
占位符样式=window.getComputedStyle（firstInput，，：：-moz占位符“）；
log（'Color:'+placeholderStyles.getPropertyValue（'Color'））；
log（'Opacity:'+placeholderStyles.getPropertyValue（'Opacity'）
您尝试了什么？使用
css
我可以使用css，但是如果不知道属性是什么，我就无法精确匹配属性。我不知道使用什么字体，大小，或者确切的颜色。是否有一些资源可以用来找出这些属性是什么？@RobertCrenshaw占位符文本是灰色的，下拉文本是黑色的。你想把它们都变成黑色吗？是的，默认颜色是“灰色”。要改变这一点，你可以查看链接：你可以使用DOM方法
getComputedStyle（）
，它是紫色的，而不是默认的灰色。我如何像你刚才那样检查占位符的颜色是我的问题？试试google chrome中的colorzila插件