TEXTAREA Formatting

[Mike]

I need a little HTML/CSS help for cross-browser/cross-platform issues.

I'm using a few stylesheet properties to hide the borders and
scrollbar on a TEXTAREA object as follows:

BORDER-RIGHT: none;
BORDER-TOP: none;
BORDER-LEFT: none;
BORDER-BOTTOM: none;
OVERFLOW: hidden;

This works perfectly in windows browsers, but the MAC's safari browser
displays both the borders and the scrollbar and MAC's explorer still
shows the scrollbar. Any ideas?

Thanks

[Anne van Kesteren]

Mike wrote:

I need a little HTML/CSS help for cross-browser/cross-platform issues.

I'm using a few stylesheet properties to hide the borders and
scrollbar on a TEXTAREA object as follows:

BORDER-RIGHT: none;
BORDER-TOP: none;
BORDER-LEFT: none;
BORDER-BOTTOM: none;
OVERFLOW: hidden;

This works perfectly in windows browsers, but the MAC's safari browser
displays both the borders and the scrollbar and MAC's explorer still
shows the scrollbar. Any ideas?

Thanks

How did you do it?

textarea{
border:0;
overflow:auto; /* never use hidden,
unless you have a very good reason! */
}

Now I think about it, I think Mac browsers don't let you style form
elements, since that is part of the UI.

--
Anne van Kesteren
<http://www.annevankesteren.nl/>

[Kris]

In article <bt**********@reader11.wxs.nl>,
Anne van Kesteren <ma**@annevankesteren.nl> wrote:

Now I think about it, I think Mac browsers don't let you style form
elements, since that is part of the UI.

It is not a property of Mac browsers in general, but your observation is
correct; current browsers for the Mac use GUI interface elements for
form widgets. Not a bad move. Mac applications are known for their
consistency in GUI elements, it is a usability cornerstone of the Mac OS.

--
Kris
kr*******@xs4all.netherlands (nl)