Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][JavaScript]Zmiana koloru elementu after przez JS
michal_s
post 10.06.2015, 21:22:51
Post #1





Grupa: Zarejestrowani
Postów: 148
Pomógł: 1
Dołączył: 11.12.2010

Ostrzeżenie: (0%)
-----


Mam sobie element
#blink i
  1. #blink:after {
  2. border-left-color: rgba(0, 0, 0, 0.74);
  3. }


Zmieniam sobie kolor tego #blink w taki sposób:
  1. document.getElementById("blink2").style.background="rgba(0, 0, 0, 0.74)"

I w taki sam sposób chciałbym zmienić ten border-left-color tego elementu after przy pomocy JS. Jakkolwiek próbuje to nigdy mi nie działa;/ Wie ktos jak to zrobić poprawnie?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
PrinceOfPersia
post 10.06.2015, 21:42:07
Post #2





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

Ostrzeżenie: (0%)
-----


1. zrób case na jsfiddle.net
2. zmiana bezpośrednio CSS przez JavaScript jest nieelegancka i zwykle lepszym rozwiązaniem jest zdefiniować klasy w pliku CSS a JavaScriptem jedynie dodawać/odejmować klasy.
3. coś z borderem źle ustawiasz (ustawiasz tylko kolor, plus definiujesz to dla pseudoelementu :after, co też się wiąże z pułapkami).



--------------------
Go to the top of the page
+Quote Post
Comandeer
post 11.06.2015, 03:27:00
Post #3





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


AFAIR nie da się złapać w żaden sposób ::after przez JS. Ale można ustawić klasę dla całego elementu i ładnie to ostylować w CSS.

Ogólnie zachęcam do zmiany podejścia i porzucenia modyfikowania prezentacji elementu na rzecz modyfikowania stanu (klasy) elementu.


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 00:54