Mikuláš je tu! Získaj 90 % extra kreditov ZADARMO s promo kódom CERTIK90 pri nákupe od 1 199 kreditov. Len do nedele 7. 12. 2025! Zisti viac:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Diskusia – 10. diel - Bootstrap - Ďalšie možnosti formulárov

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Posledné komentáre sú na spodnej časti poslednej stránky.
Avatar
T-fon
Člen
Avatar
T-fon:25.11.2017 21:00

Ahoj, díky za návod, tyhle třídy jsem neznal. Jde u checkboxů a radiobuttonů udělat něco s tím modrým rámečkem, který se objeví vždy po kliku, nebo je to prostě záležitost prohlížeče, se kterou už nelze nic dělat?

Avatar
David Hartinger
Vlastník
Avatar
Odpovedá na T-fon
David Hartinger:26.11.2017 11:02

Ten je tam schválně, abys to mohl ovládat i klávesnicí. Pokus bys to chtěl z nějakého důvodu odstranit, tak je to nastylované přes pseudoselektor :active.

Odpovedať
New kid back on the block with a R.I.P
Avatar
T-fon
Člen
Avatar
T-fon:26.11.2017 11:42

Já jsem včera zkoušel měnit vlastnosti u

.custom-control-input:active~.custom-control-indicator

ale bez úspěchu. Mohl bys mi poradit, co je ten rámeček za vlastnost? Kdybych ho třeba chtěl změnit na červenou.

Editované
Avatar
Vlčák
Člen
Avatar
Vlčák:26.11.2017 11:43

Pěkný článek. Pro ty, kteří chtějí jinou barvu označeného radioboxu, checkboxu (výchozí je tuším světlejší modrá) stačí doplnit do stylů následující řádek:
.custom-control-input:checked ~ .custom-control-indicator {background-color: red;}
Kde ~ znamená následující element po .custom-control-input a 'red' je barva, kterou je samozřejmě možné změnit.

Avatar
Vlčák
Člen
Avatar
Odpovedá na T-fon
Vlčák:26.11.2017 11:44

Náhoda, teď jsem to sem vložil i s vysvětlením :)

Avatar
T-fon
Člen
Avatar
T-fon:26.11.2017 11:51

No ale tohle mi právě nefunguje, ani s checked, ani s active
Živá ukázka
Co dělám blbě?

Avatar
Vlčák
Člen
Avatar
Odpovedá na T-fon
Vlčák:26.11.2017 12:04

Něco máš špatně a nevím co. Mě to funguje, ukázku najdeš tady.
Možná špatně zavádíš Bootstrap?
Živá ukázka zde

Avatar
T-fon
Člen
Avatar
T-fon:26.11.2017 12:10

Aha, tak to jsme se nepochopili. Mně nejde o pozadí, to je v poho, ale o ten rámeček okolo, co se objeví při kliku (čili při :active).

Avatar
Vlčák
Člen
Avatar
Odpovedá na T-fon
Vlčák:26.11.2017 12:38

Jde o akci :focus a box-shadow
Přidal jsem do ukázky.

Avatar
T-fon
Člen
Avatar
Odpovedá na Vlčák
T-fon:26.11.2017 13:18

Super, díky.

Posledné komentáre sú na spodnej časti poslednej stránky.
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 23.