[thelist] Getting back 3d input borders?

Jeff Howden jeff at jeffhowden.com
Tue Sep 16 00:27:00 CDT 2003


> From: Saila, Craig
> You can get the colours back by using the System Color
> values of CSS 2:
> <http://www.w3.org/TR/CSS21/ui.html#system-colors>
> For example, this works for most browsers running on
> Windows 9x-Windows 2000, at least:
> [snip]
> And in Windows 2000 (and probably other versions, too)
> the default border width is 2px. There's no way to get
> the users default font style or border back via CSS.

i've actually found that system colors have wider support than most people
know.  i've found alot of browsers on the mac implement support for system
colors, though they're a) hard to test for accuracy and b) not always
indicative of what the eye-candy portion of the os is doing on top of

fwiw, a long time ago, i put together a page that detailed system colors,
fonts, and cursors and the various browsers that support each property.
while i still have a mac handy, maybe i'll get the time to finish out the
support matrix to include browsers on the mac as well.


i've been thinking about this problem alot though and have decided that the
intended solution is the wrong way to go about solving this problem.  the
solution is to make sure that you never get yourself in this mess to begin
with.  so, rather than defining styles that affect the document globally
(especially when all you're *really* looking to do is affect form elements
within a specific part of the design), write the css such that it's more
restrictive.  for example, give the form's containing element an id and then
use that id in the style declaration.

#searchForm input, #searchForm textarea {
  font-family: "Verdana", "Helvetica", sans-serif;
  background-color: #333;
  color: #587ea0;
  font-weight: bold;
  border-style: solid;
  border-color: #eee;
  border-width: 1px;
  font-size: 100%;

good luck,


Jeff Howden - Web Application Specialist
Resume - http://jeffhowden.com/about/resume/
Code Library - http://evolt.jeffhowden.com/jeff/code/

More information about the thelist mailing list