使用CSS变量。您还可以仅定位所需的元素
function update() { document.querySelector('input[type=text]').style.setProperty("--c", "blue");}::placeholder { color: var(--c, red);}<input type="text" placeholder="I will be blue"><input type="number" placeholder="I will remain red"><button onclick="update()">change</button>CSS变量在修改您无法使用JS之类的伪类/伪元素（例如
:before/
:after/
::placeholer/::selection等）时非常有用。您只需使用可以轻松在元素上更新的变量来定义属性。
