Hover/active zmieniający pseudo element.

0

Witam, na dobry początek:

https://jsfiddle.net/poywt6j5/15/

Chciałbym aby po najechaniu/kliknięciu na input password ikonka kłódki zmieniała swoje opacity na 1.0.
W jaki sposób mogę tego dokonać, jeżeli jest pseudo-elementem czegoś zupełnie innego? Próbowałem kilku kombinacji i nic nie działało.

0

@Freja Draco: Zajebista sprawa, przeanalizowałem, dzięki.

Skoro już się pojawiłeś to jeszcze jedno pytanie - czy da się z użyciem css wykryć, czy input posiada wprowadzony tekst(inny niż placeholder)?
Chodzi np. o to, aby po wprowadzeniu loginu i hasła zmienił się color przycisku, ewentualnie aby po wprowadzeniu tekstu do pola input type=password kłódka była podświetlona cały czas i wygasała tylko gdy się znów usunie tekst.

Czy jest to możliwe tylko z js?

1
input[value=''] {
  background-color: yellow;
}

Edycja: dobra, troszkę nakłamałam, powyższe nie zadziała dla dynamicznych wartości. Trzeba tak:

input:placeholder-shown {
  background-color:yellow;
}

p.s. Odnoszę dziwne wrażenie, że @smacznejkawusi i @JanPancerzDrugi to ta sama osoba.

1 użytkowników online, w tym zalogowanych: 0, gości: 1