How to fix script of TEXTAREA with no scrollbar and no border for Safari IE Firefox?

[siupanda]

I put scripts like below;
IE7.0, 8.0 and any firefox ver. works fine, except MAC Safari...
I only know to use textarea...
Anyone can help solve, please??
Is tat the problem happens in style="overflow: hidden; border: none"? but tried set as style="overflow: hidden"; border="0" still fail.
----------------
<textarea name="description" cols="45" rows="6" class="bodynormal" style="overflow: hidden; border=none"; width="267px"></textarea>
----------------

Thanks!

[Snookerman]

Change that to:

style="overflow: hidden; border: none"

Good luck!

[siupanda]

hi thanks! i changed into style="overflow: hidden; border: none" , but safari still sees the border... any idea? even border-style not working.

[Snookerman]

That's not a border, it's an outline that some browsers add to highlight the focused object, add this to get rid of it:

style="outline: none; overflow: hidden; border: none"

Good luck!

[siupanda]

thanks, it looks ok in iMAC!
just now needa fix those left right alignment again, as again IE Firefox looks aligned, however, sarafi on WinXP,some different.
cheers~

[Snookerman]

You're welcome, glad to help!
You can go to your first post in this thread, click then click Go Advanced and add the Resolved prefix to the thread title.
This will let other users know the problem has been solved.

Good luck with your site!

[siupanda]

hi snookerman,

1) may I ask for iPhone, does this script work too?
style="outline: none; overflow: hidden; border: none"

2) sadly for some MAC machine still sees whole outline cover the multiline text description like a deemed border, while some MAC machine still sees one single line between a textarea and an image. What do you think?

3) can I also put "outline: none" in the img src script?
Original of the image looks like this:
<img src="./images_flash/001.jpg" name="photoslider" width="305" height-style: "auto" border="0">

thanks for advice...