v2.5.2
Giriş yap

CSS Seçicileri İle Eleman Nasıl Seçilir?

ledenav
523 defa görüntülendi
<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;
}

?

Cevap yaz
Cevaplar (2)
gamerboytr
1107 gün önce

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
makifgokce
1107 gün önce

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