Teemaeditori - Syöttökentät - TWICE Commerce

Syöttökenttien asetuspaneeli teemaeditorissa — Teemaeditori > Syöttökentät

Syöttökenttien paneeli ohjaa verkkokaupan tekstikenttien, pudotusvalikoiden ja muiden lomakesäätimien ulkoasua — kassalomakkeet, hakupalkit ja määrävalitsimet perivät kaikki nämä tyylit.

Värit

Asetus	Oletus	Kuvaus
Tausta	`#FFFFFF`	Syöttökenttien täyttöväri.
Reuna	`#E4E6EB`	Syöttökenttien reunaväri oletustilassa.

Reuna

Asetus	Tyyppi	Oletus	Vaihteluväli	Kuvaus
Paksuus	Liukusäädin	1 px	0–4 px	Syöttökenttien reunan leveys. Arvolla 0 kentät ovat reunattomia.
Kulmien pyöristys	Liukusäädin	6 px	0–40 px	Kuinka pyöristettyjä kentän kulmat ovat. Arvo 0 antaa terävät kulmat.

CSS-muuttujat

:root {
  --storefront-input-background-color: #FFFFFF;
  --storefront-input-border-color: #E4E6EB;
  --storefront-input-border-width: 1px;
  --storefront-input-border-radius: 6px;
}

Aiheeseen liittyvää

Painikkeet

Määritä painikkeiden tyylit.

Kalenteri

Mukauta vuokra-ajan päivämäärävalitsinta.