Question

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

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

我需要将“*”的颜色设为蓝色，我更喜欢只使用CSS，但我不确定是否可行。

我知道有一个::第一个字母，是否有一个::姓氏或者其他什么？： - ）

Answer 1

这是不可能的。无法设置属性值的那一部分。

也就是说，看起来你试图使用占位符属性替代标签元素which it is not。

如果您使用了<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

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

2 个答案: