How do I get rid of the tiny chevron in the bottom right corner of the textbox control in some browsers

Question

.clASPOneP 
 {
     overflow: hidden;
     height:40px;
     width:40px;
     border-style:none;  
     border-width:0px;
     background-color:#C0C0C0;
     font-family:Courier;
     font-size:xx-large;
     padding:0px;
     text-align:center;
     vertical-align:middle;
 }

I do not get a chevron in IE but I do in Chrome, Firefox and Safari

Answer 1

The chevron is for resizing the text area. To remove it, use:

.clASPOneP {
    resize: none;
}

Source