CSS3目标最后一个占位符或 *

Question

我遇到了这个问题，我需要在占位符中更改"*"的颜色。

<input type="text" placeholder="Name*">

我需要制作"*"蓝色的颜色，我更喜欢只使用CSS，但是我不确定这是可能的。

我知道有一个::第一通信，有一个::最后一个字母吗？： - (

Answer 1

这是不可能的。没有办法为属性值的那一部分设计。

也就

如果您使用了<label>元素，则可以在角色周围放置一个跨度，并用后代组合者对象。

Answer 2

<input type="text" class="f_name" name="fname" placeholder="First Name*">

和CSS部分：

input {
padding: 10px;
}
::-webkit-input-placeholder {
background: -webkit-linear-gradient(left, #AAA 0%, #AAA 46%,red 46%, 
red 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

我已经尝试过，它起作用了，请尝试一下@jeppe Stenstrup