占位符属性：after

Question

我有输入字段是必需的，有些则不是。我想定位占位符属性，然后使用：after伪类将星号添加到文本的末尾，以将字段标记为必需。

下面我的目标是占位符和伪类

CSS

::-webkit-input-placeholder:after {
    content: '*';
    color: darkred;
    font-size: 1.5rem;
}

这很好但我无法用必需的类实现。

HTML

<input type="text" class="require" placeholder="Last Name" id="last-name"/>

CSS

input.require > ::-webkit-input-placeholder:after {
   content: '*';
   color: darkred;
   font-size: 1.5rem;
 }

我有点失去了如何选择require类和：after伪类。任何帮助将不胜感激。

提前感谢您的帮助！

Answer 1

input.require::-webkit-input-placeholder:after {
   content: '*';
   color: darkred;
   font-size: 1.5rem;
}