Vianoce v ITnetwork sú tu! Dobí si teraz kredity a získaj až 80 % extra kreditov na e-learningové kurzy ZADARMO. Zisti viac.
Hľadáme nové posily do ITnetwork tímu. Pozri sa na voľné pozície a pridaj sa k najagilnejšej firme na trhu - Viac informácií.

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
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?

 
Odpovedať
25.11.2017 21:00
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ť
26.11.2017 11:02
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é 26.11.2017 11:43
 
Odpovedať
26.11.2017 11:42
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.

 
Odpovedať
26.11.2017 11:43
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 :)

 
Odpovedať
26.11.2017 11:44
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ě?

 
Odpovedať
26.11.2017 11:51
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

 
Odpovedať
26.11.2017 12:04
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).

 
Odpovedať
26.11.2017 12:10
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.

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

Super, díky.

 
Odpovedať
26.11.2017 13:18
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.

Zatiaľ nikto nevložil komentár - buď prvý!