Kung paano baguhin ang kulay ng placeholder

Kung paano baguhin ang kulay ng placeholder

Unang hakbang - Magdagdag ng HTML:

Gumamit ng input element at magdagdag ng placeholder Atribute:

<input type="text" placeholder="A red placeholder text..">

Ikalawang hakbang - Magdagdag ng CSS:

Sa karamihan ng mga browser, ang teksto ng placeholder ay puti. Upang baguhin ang setting na ito, gamitin mo ang ::placeholder Selector sa pagtatakda ng estilo ng placeholder.

Pansin mo, ang Firefox ay nagdagdag ng mas mababang opakasyon sa placeholder, kaya gumagamit tayo ng opacity: 1 Makilahok sa paglutas ng problema na ito.

::placeholder {
  color: red;
  opacity: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  color: red;
{}

亲自试一试

相关页面

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