appearanceVara kasutatakse, et kuvada element kasutades platvormist native stiil põhineb kasutajate operatsioonisüsteemi teema.
.thing ( -webkit-appearance: value; -moz-appearance: value; appearance: value; )Seda hakatakse prefiksitamata, mis on suurepärane, kuna siinne brauserite ristlugu on väga keeruline.
appearanceVara kasutatakse üks kahel põhjusel:
- Platvormispetsiifilise stiili rakendamine elemendile, millel seda vaikimisi pole
- Platvormispetsiifilise stiili eemaldamine elemendil, millel see vaikimisi on
Näiteks type=searchon WebKiti brauserites vaikimisi a- ga sisenditel ümarad nurgad ja need on CSS-i kaudu muudetavad väga ranged. Kui te seda stiili ei soovi, saate selle välimusega ühe hoobiga eemaldada.
input(type=search) ( -webkit-appearance: none; )Või võite võtta sisendi tüübiga = text ja muuta see otsingu sisendiks:
input(type=text) ( -webkit-appearance: searchfield; )WebKiti väärtused
- märkeruut
- raadio
- nuppu
- ruudukujuline nupp
- nuppu
- nööbi kaldega
- loendiboks
- nimekiri
- menulist
- menulist-nupp
- menulist-tekst
- menulist-tekstivälja
- kerimisnupp üles
- kerimisnupp alla
- kerimisnupp vasakule
- kerimisnupp paremale
- kerimisriba horisontaalne
- kerimisriba vertikaalne
- kerimispikk-horisontaalne
- kerimispikk-vertikaalne
- scrollbargripper-horisontaalne
- scrollbargripper-vertikaalne
- liugur-horisontaalne
- liug-vertikaalne
- liuganupp-horisontaalne
- libisemisnurk-vertikaalne
- caret
- otsinguväljale
- otsinguvälja kaunistamine
- otsinguväli-tulemused-kaunistamine
- otsinguvälja-tulemuste nupp
- otsinguväli-tühista-nupp
- tekstiväli
- textarea
Mozilla väärtused
- mitte ühtegi
- nuppu
- märkeruut
- märkeruut-konteiner
- märkeruut-väike
- dialoogiboks
- loendiboks
- menuitem
- menulist
- menulist-nupp
- menulist-tekstivälja
- menupopup
- edenemisriba
- raadio
- raadio-konteiner
- raadio-väike
- suuruse muutmine
- kerimisriba
- kerimisnupp alla
- kerimisnupp vasakule
- kerimisnupp paremale
- kerimisnupp üles
- kerimisriba horisontaalne
- kerimisriba vertikaalne
- eraldaja
- olekuriba
- vaheleht
- vaheleht-vasak serv Vananenud
- tabelid
- tekstiväli
- tekstiväli-mitmerealine
- tööriistariba
- tööriistanupp
- tööriistakast
- -moz-mac-unified-tööriistariba
- -moz-win-ääristeta klaas
- -moz-win-browsertabbar-tööriistakast
- -moz-win-kommunikatsioon-tööriistakast
- -moz-win-klaas
- -moz-win-meedia-tööriistakast
- tööriistavihje
- treeheadercell
- treeheadersarrow
- puutükk
- puupüsti
- puude avamine
- puuvaade
- aken
Ressursid
- Mozilla Docs -moz-ilmumise jaoks
- Trent Walton veebikomplekti välimusest
- Shaun Inman iPadi tekstisisestuste sisemise varju keelamise kohta
- CSS3 spetsifikatsioon
Brauseri tugi
Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.
Töölaud
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 83 * | 80 | Ei | 83 * | TP * |
Mobiil / tahvelarvuti
| Android Chrome | Android Firefox | Android | iOS-i Safari |
|---|---|---|---|
| 88 | 85 * | 81 * | 14,0–14,4 * |
