Skip Navigation | Home | Code Samples | Articles | Links | About | Contact Me | Make a Payment

User Defined Colors, Fonts, & Cursors

User-Defined Colors — CSS2 Spec
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

User-Defined Fonts — CSS2 Spec
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

User-Defined Cursors — CSS2 Spec
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