המאפיין 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"]