I have used < textarea > tag , it was working fine with IE and firefox but not with safari and chrome, when user gets focus on < textarea > tag, Chrome highlights the box with yellow color, after reffering some previous posts I found these
style="outline:none"
Then it removed the yellow color highliting to the text box but still to the right bottom corner of the text box i see diagonally passed three lines , they look so small , this is so frustrating , How do i make them disapper
http://d3pr5r64n04s3o.cloudfront.net/tuts/195_bootstrap/tut/input_textarea.png see these link for the image how it looks like, I want that right bottom corened lines to disappear in chrome and safari, how do i do that?
Webkit browsers (Chrome/Safari) now support the resize property by default on some elements like textarea. To get rid of the knurling on the bottom-right corner, you should add:
in your CSS style. This will also disable users’ ability to resize the textarea.