是否可以跨浏览器获取文本元素的"native"占位符颜色？

Question

上下文是我需要使用从框架中构建的选择元素，我宁愿不更改该框架（JQXcombobox和JQXDropDownList来自JQwidgetss），并使用其内置占位符。P>

jqxcombobox使用属性placeholder="my text"为其创建一个内部input，因此它在浏览器依赖性占位符中正确地造型。

但是，JQXDropDownList使用属性unselectable="on"创建一个内部span，默认情况下显示在页面的字体颜色中。

我想相应地设置JQXDropDownList，但是浏览器之后的灰色变化。是否有一种一致的方法来获取使用浏览器的占位符颜色，而无需为每一个声明一个不同的规则吗？

示例：这种灰色对Firefox很好，但在Chrome上却不适合（这里的差异可能很小，但我们的CSS突出了）。

body {
    font-weight: bold;
}
input { /*just for the example*/
    width: 100%;
}
input::placeholder { /*just for the example*/
    font-weight: bold !important;
}
span[unselectable="on"] {
    color: #777777 !important;
}

<input style=type="textarea" placeholder="native browser placeholder color"><br>
<span unselectable="on">testing placeholder color emulation</span><br>
<span>what I have currently in my jqxDropDownList</span>

编辑：通过覆盖本文接受的答案的所有浏览器的颜色来部分解决我的问题，但仍然是为了纯粹的知识而感兴趣。

Answer 1

尝试使用 color: unset使用给定元素的默认颜色。