如何改变占位符的颜色

学习如何使用 CSS 改变占位符属性的颜色。

亲自试一试

如何改变占位符的颜色

第一步 - 添加 HTML:

使用输入元素并添加 placeholder 属性:

<input type="text" placeholder="ఎరుపు ప్లేస్‌హోల్డర్ పదబంధం..">

రెండవ చర్య - CSS జోడించండి:

చాలా బ్రౌజర్లలో, ప్లేస్‌హోల్డర్ పదబంధం తెలుపు రంగులో ఉంటుంది. ఈ సెటింగ్ని మార్చడానికి ఉపయోగించండి ::placeholder ప్లేస్‌హోల్డర్ శైలిని అమర్చడానికి ఎంపికకర్తలను అమర్చండి.

చూడండి, Firefox వాల్యూమ్ ప్లేస్‌హోల్డర్కు తక్కువ పక్షదర్శకతను జోడించింది, కాబట్టి మేము ఉపయోగిస్తున్నాము పక్షదర్శకత: 1 ఈ సమస్యను పరిష్కరించండి.

::placeholder {
  రంగు: ఎరుపు;
  పక్షదర్శకత: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  రంగు: ఎరుపు;
{}

亲自试一试

相关页面

参考手册:CSS ::placeholder 选择器