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

Question

是否可以获取input占位符文本的当前颜色值？ 通常我会使用getComputedStyle来获取当前元素样式值，但它不会返回占位符值。

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

感谢。

Answer 1

getComputedStyle的第二个参数是pseudoElt选择器

所以要获得输入元素的占位符颜色：

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

Answer 2

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

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

所以你知道有颜色的类