Javascript 尝试获取元素的占位符属性的样式

我正在使用占位符属性的公司网站上工作

我只需要检索这个属性的颜色样式，而不是从输入元素本身

正在使用--webkit输入占位符对其进行样式设置：

::-webkit-input-placeholder {
        color: red;
    } 

不幸的是，当我尝试使用javascript检索值时：

var color = window.getComputedStyle(document.querySelector('[class=abc]'),
'::-webkit-input-placeholder').getPropertyValue('color');

我得到了错误的颜色结果：

rgb（0,0,0）

应该是：

rgb（255,0,0）

下面是一个例子：

---

我也可以访问jQuery，但我的理解是它只能检索元素的属性，而不能检索属性。

令人惊讶的是，您无法访问在自己的CSS中定义的伪元素样式

幸运的是，您可以通过以下方式获得：

var st=document.styleSheets；
对于（变量i=0；i-1）{
console.log（规则[j].style.color）；//红色
}
}
}

：：-webkit输入占位符{
颜色：红色；
}

---

注意属性没有样式。你可能是想检索伪元素的颜色。据我所知，这在JS中是不可能的，因为伪元素不是DOM的一部分。是的，我也找不到访问它的方法，而且似乎真的不可能。另请参见与您的问题类似的内容。