Úvod >CSS >Základy CSS >Jak nastylovat element, aby měl "systémový vzhled"?

Jak nastylovat element, aby měl "systémový vzhled"?

Pro ušetření stylování lze využít již předpřipravené systémové styly. Může se to hodit pokud tvoříte například formulář a neodesíláte jej pomocí submitu, ale nějakého Vámi vytvořeného spanu. Tomuto spanu lze jedním řádkem přidat systémový vzhled tlačítka.

Tato možnost není podporována v Internet Exploreru a v ostatních prohlížečích pouze s "prefixy". I tak se může vyskytnout situace, kdy se tato vlastnost může použít.

Příklad použití:
//CSS cast
.vzhled_systemoveho_tlacitka {
  -webkit-appearance: button;
  -moz-appearance: button;
  -ms-appearance: button; /* treba bude casem fungovat */
  -o-appearance: button;
  appearance: button 
}

//HTML cast (pouzit)
<a href="#"><span class="vzhled_systemoveho_tlacitka">tlačítko</span></a>

Poznámka (stav k září 2026): Současný standard CSS počítá u vlastnosti appearance jen s hodnotami none a auto. Hodnotu button prohlížeče na obyčejném elementu span už jako systémové tlačítko nevykreslí, platí jen pro formulářové prvky.