如何内联定义伪元素样式？

Question

<style>    
::placeholder {
      color: red;
    }
</style>

<input id="date" name="date" placeholder="Please select release date" type="text"/>

这是我的CSS。有什么方法可以定义此内联吗？我的意思是style =“”。

Answer 1

使用CSS变量，您可以执行以下操作，但至少需要定义以后可以更改的样式：

::placeholder {
  color: var(--c, red); /* The default is red */
}

<input id="date" name="date" placeholder="select date" type="text" >
<input id="date" name="date" placeholder="select date" type="text" style="--c:blue" >