CSS3指定佔位符的最後一個字母或*

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