User Defined Colors, Fonts, & Cursors
| CSS | Example | Description | IE5/Win | IE5.5/Win | IE6/Win | Moz/Win | Firefox/Win |
|---|---|---|---|---|---|---|---|
Support does exist for these properties on Max OS X. However, to what degree these are supported hasn't been fully researched at this time. I've seen IE5.2 and Mozilla both render some things that were obviously correct, but other things were very uncertain. Considering how much of the appearance of software is driven by graphics in OS X, it's debatable how useful these system values actually are when developing applications for OS X. |
|||||||
| background: activeborder | Active window border | X | X | X | X | X | |
| background: activecaption | Active window caption background | X | X | X | X | X | |
| background: appworkspace | Background color of multiple document interface applications | X | X | X | X | X | |
| background: background | Desktop background | X | X | X | X | X | |
| background: buttonface | Button background | X | X | X | X | X | |
| background: buttonhighlight | Button highlight | X | X | X | X | X | |
| background: buttonshadow | Button shadow | X | X | X | X | X | |
| background: buttontext | Button foreground | X | X | X | X | X | |
| background: captiontext | Caption foreground | X | X | X | X | X | |
| background: graytext | Gray foreground (Disabled items) | X | X | X | X | X | |
| background: highlight | Highlight background | X | X | X | X | X | |
| background: highlighttext | Highlight foreground | X | X | X | X | X | |
| background: inactiveborder | Inactive window border | X | X | X | X | X | |
| background: inactivecaption | Inactive window caption background | X | X | X | X | X | |
| background: inactivecaptiontext | Inactive caption foreground | X | X | X | X | X | |
| background: infobackground | Tooltip background | X | X | X | X | X | |
| background: infotext | Tooltip foreground | X | X | X | X | X | |
| background: menu | Menu background | X | X | X | X | X | |
| background: menutext | Menu foreground | X | X | X | X | X | |
| background: scrollbar | Scrollbar background | X | X | X | X | X | |
| background: threeddarkshadow | 3D element dark shadow | X | X | X | X | X | |
| background: threedface | 3D element background | X | X | X | X | X | |
| background: threedhighlight | 3D element highlight | X | X | X | X | X | |
| background: threedlightshadow | 3D element light shadow | X | X | X | X | X | |
| background: threedshadow | 3D element shadow | X | X | X | X | X | |
| background: window | Window background | X | X | X | X | X | |
| background: windowframe | Window border | X | X | X | X | X | |
| background: windowtext | Window foreground | X | X | X | X | X | |
| CSS | Example | Description | IE5/Win | IE5.5/Win | IE6/Win | Moz/Win | Firefox/Win |
|---|---|---|---|---|---|---|---|
While Firefox/Win does show the correct font on all of these, caption and smallcaption are not bold as they should be. |
|||||||
| font: menu | menu | Family & size used in menus | X | X | X | X | X |
| font: icon | icon | Family & size used to label icons | X | X | X | X | X |
| font: caption | caption | Family & size used for caption elements (buttons, dropdowns, etc.) | X | X | X | X | |
| font: messagebox | messagebox | Family & size used in dialogs | X | X | X | X | |
| font: smallcaption | smallcaption | Family & size used for small controls | X | X | X | X | |
| font: statusbar | statusbar | Family & size used in status bar | X | X | X | X | |
| CSS | Example | Description | IE5/Win | IE5.5/Win | IE6/Win | Moz/Win | Firefox/Win |
|---|---|---|---|---|---|---|---|
Firefox/Win offers pseudo-support for all-scroll and no-drop by substituting the described cursor for another that's very similar. |
|||||||
| cursor: auto | Cursor the browser would normally use for a particular element (ie, hand/pointer for link, textbar for text, etc.) | X | X | X | X | X | |
| cursor: default | The user's default pointer -- usually an arrow of some kind | X | X | X | X | X | |
| cursor: hand | Hand pointer like when mousing over a link | X | X | X | |||
| cursor: pointer | Hand pointer like when mousing over a link | X | X | X | |||
| cursor: crosshair | Crosshairs | X | X | X | X | X | |
| cursor: move | Four-headed arrow (open hand on a Moz/Mac) | X | X | X | X | X | |
| cursor: text | I-beam | X | X | X | X | X | |
| cursor: vertical-text | Vertical i-beam | X | X | ||||
| cursor: wait | Hourglass | X | X | X | X | X | |
| cursor: progress | Default pointer with hourglass | X | X | ||||
| cursor: help | Default pointer with question mark | X | X | X | X | X | |
| cursor: n-resize | Arrow pointing up in IE5/Win & IE5.5/Win. Normal operating system two-headed arrow (up/down) in IE6/Win & Moz/Win | X | X | X | X | X | |
| cursor: s-resize | Arrow pointing down in IE5/Win & IE5.5/Win. Normal operating system two-headed arrow (up/down) in IE6/Win & Moz/Win | X | X | X | X | X | |
| cursor: e-resize | Arrow pointing right in IE5/Win & IE5.5/Win. Normal operating system two-headed arrow (left/right) in IE6/Win & Moz/Win | X | X | X | X | X | |
| cursor: w-resize | Arrow pointing left in IE5/Win & IE5.5/Win. Normal operating system two-headed arrow (left/right) in IE6/Win & Moz/Win | X | X | X | X | X | |
| cursor: ne-resize | Arrow pointing up and to the right in IE5/Win & IE5.5/Win. Normal operating system two-headed arrow (bottom-left/top-right) in IE6/Win & Moz/Win | X | X | X | X | X | |
| cursor: sw-resize | Arrow pointing down and to the left in IE5/Win & IE5.5/Win. Normal operating system two-headed arrow (bottom-left/top-right) in IE6/Win & Moz/Win | X | X | X | X | X | |
| cursor: se-resize | Arrow pointing down and to the right in IE5/Win & IE5.5/Win. Normal operating system two-headed arrow (bottom-right/top-left) in IE6/Win & Moz/Win | X | X | X | X | X | |
| cursor: nw-resize | Arrow pointing up and to the left in IE5/Win & IE5.5/Win. Normal operating system two-headed arrow (bottom-right/top-left) in IE6/Win & Moz/Win | X | X | X | X | X | |
| cursor: all-scroll | Four-headed arrow with dot in the middle | X | |||||
| cursor: col-resize | Two-headed arrow (left/right) with two vertical bars in between indicating columns/items can be resized horizontally. | X | X | ||||
| cursor: row-resize | Two-headed arrow (up/down) with two horizontal bars in between indicating rows/items can be resized vertically. | X | X | ||||
| cursor: no-drop | Hand/Pointer with circle with a slash through it indicating the action the user is attempting is not allowed. | X | |||||
| cursor: not-allowed | Circle with a slash through it indicating the action the user is attempting is not allowed. | X | X | ||||
| cursor: url() | Use your own graphic as a cursor. | X | |||||