仅将占位符中的星号更改为红色

Question

我遇到了占位符问题。我想将占位符内的星号颜色更改为红色，其余部分为昏暗的黑色。

我正在使用bootstrap .form-control进行标记。

我想知道是否有一个插件/简单的方法来做到这一点。 JS或CSS。

Answer 1

我不知道在占位符中有两种颜色的简单方法。

您可以尝试使用-webkit-input-placeholder::after在占位符后添加星号，并更改其颜色，但此解决方案并非适用于所有浏览器：See here

您可以尝试这样的方法，并将占位符添加为标签......

input[required] + label {
    position: relative;
    left: -170px; /* move the label left and place it inside the input */
    color: #757575; /* placeholder color here */
}

input[required] + label:after {
    content:'*';
    color: red;
}

<input type="text" id="myInput" name="myInput" required="required" />
<label for="myInput">IME IN PRIIMEK</label>