使用Javascript获取::占位符颜色

使用Javascript获取::占位符颜色,javascript,css,Javascript,Css,是否可以获取输入占位符文本的当前颜色值? 通常我会使用getComputedStyle获取当前元素样式值,但它不会返回占位符值 除了解析css文本和使用正则表达式获取值之外,还有其他解决方法吗 谢谢。通常占位符我们必须使用类名,然后更改占位符颜色 input.text-filed::-webkit-input-placeholder { color: red; } 因此,您知道具有颜色的类,getComputedStyle的第二个参数是伪ELT选择器 因此,要获取输入元素的占位符颜色:

是否可以获取
输入
占位符文本的当前颜色值? 通常我会使用
getComputedStyle
获取当前元素样式值,但它不会返回占位符值

除了解析css文本和使用正则表达式获取值之外,还有其他解决方法吗


谢谢。

通常占位符我们必须使用类名,然后更改占位符颜色

input.text-filed::-webkit-input-placeholder {
   color: red;
}

因此,您知道具有颜色的类,
getComputedStyle
的第二个参数是伪ELT选择器

因此,要获取输入元素的占位符颜色:

var styles = window.getComputedStyle(inputEl, ':placeholder');
console.log(styles.getPropertyValue('color'));

即使如此,您如何从元素本身获取当前颜色(本例中为红色)?您好,您可以为特定输入字段指定占位符,并为该类别指定占位符颜色,因此根据条件您可以检查颜色,参考我的plunker Ok,我理解混淆-我的目标是分析不受我控制的网站(为开发者开发一个Chrome扩展),所以我事先不知道可能是什么颜色。参考,图例-这正是我需要的!