Nasıl Yapılır - Yer Tutucu Rengini Değiştirme
CSS ile yer tutucu özelliğinin rengini nasıl değiştireceğinizi öğrenin.
Yer Tutucu Rengi
Adım 1) HTML'yi ekleyin:
Bir girdi öğesi kullanın ve yer tutucu niteliğini ekleyin:
Örnek
<input type="text" placeholder="A red placeholder text..">
Adım 2) CSS'yi ekleyin:
Çoğu tarayıcıda yer tutucu metin gridir. Bunu değiştirmek için yer tutucuyu standart olmayan ::placeholder
seçiciyle biçimlendirin. Firefox'un yer tutucuya daha düşük bir opaklık eklediğini unutmayın, bu yüzden bunu opacity:
düzeltmek için 1 kullanıyoruz.
Örnek
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet
Explorer 10-11 */
color: red;
}
::-ms-input-placeholder
{ /* Microsoft Edge */
color: red;
}
İpucu: CSS Referansımızda ::placeholder seçici hakkında daha fazla bilgi edinin: CSS ::placeholder Özellik .