Yer tutucu rengini nasıl değiştirebilirim

CSS ile yer tutucu özelliklerinin rengini nasıl değiştireceğinizi öğrenin.

亲自试一试

Yer tutucu rengini nasıl değiştirebilirim

İlk Adım - HTML Ekleme:

Giriş elemanlarını kullanarak ve placeholder Özellikler:

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

İkinci Adım - CSS Ekleme:

Çoğu tarayıcıda, yer tutucu metni gri renktedir. Bu ayarı değiştirmek için ::placeholder Yer tutucunun tarzını ayarlamak için seçici kullanırız.

Lütfen dikkat edin, Firefox, yer tutuculara daha düşük şeffaflık ekler, bu yüzden opacity: 1 Bu sorunu çözmek için.

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

亲自试一试

相关页面

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