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;
}
?
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