| Autor | Zpráva | ||
|---|---|---|---|
| VašekKoplik Profil |
#1 · Zasláno: 31. 8. 2022, 21:28:08
Dobrý den,
chtěl bych se zeptat, jak udělat tlačítko, na které když kliknu, tak se změní hodnota v css. Například v css budu mít nastavené, že třída ".text" má color:black, a chtěl bych to (při kliknutí na tlačítko) změnit na color:white. Je něco takového možné :) ? Díky za odpovědi. |
||
| Firibix Profil |
#2 · Zasláno: 31. 8. 2022, 21:56:05
Reakce na VaškaKoplika:
V CSS existují pseudoselektory pro zaměření tlačítka, na kterém je najetý kurzor myši, je na něm focus nebo je právě teď stisknuté. Po kliknutí na tlačítko na něm zůstane focus, ale když se klikne někam jinam na stránce, focus zmizí. Pseudoselektor, který by uměl najít tlačítko, na které bylo kliknuto, neexistuje. Snadno se to dá vyřešit JavaScriptem, který při kliknutí ( onclick) přidá tlačítku CSS třídu, která mu barvu změní.
<button class="text" onclick="this.classList.add('kliknuto');">Klikni</button>.text {
color: black;
}
.text.kliknuto {
color: white;
}Živá ukázka. |
||
|
Časová prodleva: 10 dní
|
|||
| VašekKoplik Profil |
#3 · Zasláno: 10. 9. 2022, 21:36:26
Firibix:
Moc díky!! A dá se nějak udělat to, že když na to tlačítko podruhé kliknu, tak aby se to vrátilo do původního stavu? |
||
| Kajman Profil |
#4 · Zasláno: 10. 9. 2022, 21:38:52
Místo add použijete metodu toggle.
|
||
|
Časová prodleva: 2 roky
|
|||
0