Textarea is draggable in certain browsers

I have a textarea on my web page. It displays differently in different browsers. I'm not too concerned about what it looks like in various browsers. In some browsers like Firefox there is a draggable corner开发者_高级运维 that I don't want there, is there a way of "switching" this off? I set the size of the textarea using the cols and rows properties.

The doctype that I am using is strict.

You may not want it here, but I want it here. I want to be able to resize my textareas, by fonts, zoom on the pages and scroll what I want.

You should not tell me how to use a browser on your website.

If you're afraid that it is going to break your design, relax. We know it. Nobody expect the website to work in every situation. When I use the drag handler, I do it to gain usablity, and I accept to break the design for this.

You can't control the client the user is using. You may be able to use resize:none but there are extensions for firefox, chrome and grease monkey that will bypass that anyway.

So rules of thumb: create a beautiful design and forget about dictating the way people are going to use the page. This is what people do in the desktop, where you actually have a hand on the client. Here you don't, we interpret your code the way we want.

Try adding textarea {resize:none} css style. You can also use horizontal, vertical or both as values.