NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 10 - Bootstrap - Další možnosti formulářů

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
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?

 
Odpovědět
25.11.2017 21:00
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá 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.

Odpovědět
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.

Editováno 26.11.2017 11:43
 
Odpovědět
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.

 
Odpovědět
26.11.2017 11:43
Avatar
Vlčák
Člen
Avatar
Odpovídá na T-fon
Vlčák:26.11.2017 11:44

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

 
Odpovědět
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ě?

 
Odpovědět
26.11.2017 11:51
Avatar
Vlčák
Člen
Avatar
Odpovídá 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

 
Odpovědět
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).

 
Odpovědět
26.11.2017 12:10
Avatar
Vlčák
Člen
Avatar
Odpovídá na T-fon
Vlčák:26.11.2017 12:38

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

 
Odpovědět
26.11.2017 12:38
Avatar
T-fon
Člen
Avatar
Odpovídá na Vlčák
T-fon:26.11.2017 13:18

Super, díky.

 
Odpovědět
26.11.2017 13:18
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 22.