Textarea border

[anmldr]

I have a textarea that I do not want any border around. I am able to
prevent it when it receives focus except for the top border.

textarea#notes, textarea#notes:focus {
border:none;
}

For some reason, there still is a top border. Any suggestions?

Thanks,
Linda

[Michael Stearne]

That probably sounds like a bug in WebKit if you're telling it
explicitly no border.

Michael


>
> Thanks,
> Linda
> >
>

[anmldr]

I am not going to thank you in each post but thank you for all of your
fast answers. I was going to post images of this but you were faster
and you answered my questions.

Linda

P.S. Too bad about the bug.

[davidroe]

what happens if you open it in desktop Safari and inspect the element
using (I forget the name) the web inspector (developer extension)?
does anything in the computed style imply a top border? is it the
focus ring?

/dave

[Matteo]

It's not actually the top border but a small shadow (so it's more
related to background rather than border).
To me this is a bug since
barckground:none;
should wipe it out, but it doesn't. A work around is to set a white
(or whatever) background image to the textarea:
background:#fff url(whitey.png);
border:0; margin:0; padding:0;

Note that something like the following also works:
background:#fff url(.);

But I don't like it at all.

Matt