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]

Re: TEXTAREA Formatting

Mike wrote:[color=blue]
> 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[/color]

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.annevankest eren.nl/>

[Kris]

Re: TEXTAREA Formatting

In article <btoc2t$ec5$1@r eader11.wxs.nl> ,
Anne van Kesteren <mail@annevanke steren.nl> wrote:
[color=blue]
> Now I think about it, I think Mac browsers don't let you style form
> elements, since that is part of the UI.[/color]

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
kristiaan@xs4al l.netherlands (nl)