POSLEDNÍ ŠANCE: Halloweenská akce brzy končí. Získej 66 % extra kreditů zdarma při nákupu od 1199 kreditů s promo kódem NEBOJSEIT66. Zjisti více:
NOVINKA: Začni v IT jako webmaster s komplexním akreditovaným online kurzem Tvůrce WWW stránek. Zjisti více:

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
Nejnovější komentáře jsou na konci poslední 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
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
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
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
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 :)

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

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

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

Super, díky.

Nejnovější komentáře jsou na konci poslední stránky.
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 23.