CSS Seçicileri İle Eleman Nasıl Seçilir?
<input placeholder="YAZ">
<button> Bas </button>
Butona bastığımda input içerisindeki "placeholder"ın renginin kırmızı olmasını istiyorum.
Aşağıdaki gibi bir şey yaptım fakat çalışmadı.Nasıl yapabilirim?
Aradaki işaret ne olmalı?
button:active ? input::placehor{
color:red;
}
?
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (2)
HTML Kodunu Böyle Düzenleyiniz
<button> Bas </button>
<input placeholder="YAZ">
CSS İse Böyle Yapınız
button:focus + input::placeholder { color: red; }
Yalnız Butondan Başka Yere Tıklandığında Focus Özelliğini Kaybettiği İçin Renk Normale Döner
Kullanılan Seçici Ayrıntıları
:focus // Bir Elemanda Odaklandığınızda(Tıkladığınızda) Devreye Girer
+ // Seçili Elemandan Sonraki Elemanı Seçer
bildiği kadarıyla css'te önceki elemanı seçemiyorsun eğer şöyle olsa çalışırdı.
<button> Bas </button>
<input placeholder="YAZ">
button:active + input::placeholder {
color:red;
}