這個問題在這里已經有了答案： 如何使用 CSS 設定占位符值？ (9 個回答) 1 小時前關閉。
<input id="email" name="email" type="text" value="" placeholder="Email*" size="30">
我正在嘗試使用 CSS 僅使用 CSS 更改上述輸入的占位符，但沒有成功。
這些都不起作用：
input#email::-webkit-input-placeholder::before {
content:'(Optional) ' !important;
}
input#email::placeholder:before {
content:'(Optional) ' !important;
}
uj5u.com熱心網友回復：
支持舊版本的 Chrome 是可能的，webkit但現在在 2021 年不再可能。
在側節點上，CSS用于處理頁面的樣式，無論如何都不應該使用它來更改該占位符。
您應該考慮使用其他解決方案，例如使用 javascript，因為這正是 javascript 的用途。
uj5u.com熱心網友回復：
如果你不能改變 HTML 并且你只能使用 CSS ......你不能（據我所知，就是這樣。）As::before和::after偽元素只在容器上呈現，并且input是一個空元素（可以沒有內容），輸入上不能有偽元素。
/* doesn't work! */
input::after {
content: "TEST 123";
}<input type="text" placeholder="No pseudo-elements here." />如果您可以編輯 HTML，則只需更改placeholder屬性即可。
如果您可以編輯 JavaScript，您也可以這樣做 ( input.placeholder = "ooh la la")。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/353253.html
上一篇：[WPF] 僅用 Rectangle 實作圓柱形進度條
下一篇：導航欄不在中心