המאפיין appearance משמש לשליטה במראה המקורי של פקדי ממשק המשתמש, המבוססים על ערכת הנושא של מערכת ההפעלה
דוגמא: מגיר את מראה הפקד של תגית מסוג input[type='checkbox']
| הערך שנבדק | Chrome | Firefox | EdgeC | Opera |
|---|---|---|---|---|
| auto | ✔️ | ✔️ | ✔️ | ✔️ |
| none | ✔️ | ✔️ | ✔️ | ✔️ |
| textfield | ✔️ | ✔️ | ✔️ | ✔️ |
| menulist-button | ✔️ | ✔️ | ✔️ | ✔️ |
| searchfield | ✔️ | ✔️ | ✔️ | ✔️ |
| textarea | ✔️ | ✔️ | ✔️ | ✔️ |
| push-button | ✔️ | ❌ | ✔️ | ✔️ |
| slider-horizontal | ✔️ | ❌ | ✔️ | ✔️ |
| checkbox | ✔️ | ✔️ | ✔️ | ✔️ |
| radio | ✔️ | ✔️ | ✔️ | ✔️ |
| square-button | ✔️ | ❌ | ✔️ | ✔️ |
| menulist | ✔️ | ✔️ | ✔️ | ✔️ |
| listbox | ✔️ | ✔️ | ✔️ | ✔️ |
| meter | ✔️ | ✔️ | ✔️ | ✔️ |
| progress-bar | ✔️ | ✔️ | ✔️ | ✔️ |
| button | ✔️ | ✔️ | ✔️ | ✔️ |
| revert | ✔️ | ✔️ | ✔️ | ✔️ |
| revert-layer | ✔️ | ✔️ | ✔️ | ✔️ |
| unset | ✔️ | ✔️ | ✔️ | ✔️ |
| inherit | ✔️ | ✔️ | ✔️ | ✔️ |
| initial | ✔️ | ✔️ | ✔️ | ✔️ |
דוגמא: מגיר את מראה הפקד של תגית מסוג input[type='radio']
דוגמא: מגיר את מראה הפקד של תגית מסוג button
דוגמא: מגיר את מראה הפקד של תגית מסוג input[type='text']
דוגמא: מגיר את מראה הפקד של תגית מסוג select
דוגמא: מגיר את מראה הפקד של תגית מסוג input[type='button']
דוגמא: מגיר את מראה הפקד של תגית מסוג input[type='submit']