在select上更改textarea的边框颜色

Question

Is there an onselect for textarea in css? I'm trying to change the border color of the textarea to red onselect instead of the default blue. How would I do that, in css, or html, if that's possible? If not, any other method's fine too.

 textarea { resize: none; border-radius: 5px; } 

 <textarea rows = '4' cols = '50' placeholder = 'Add a new comment...'></textarea> 

Answer 1

You can use focus and border to change the border color. Don't forget to set outline: none as well.

textarea:focus {
    resize: none;
    border-radius: 5px;
    outline: none !important;
    border:1px solid red;
}

http://fiddle.jshell.net/tv4zwpn0/

Answer 2

Use the :focus selector and disable any outline with outline: none;

JSFiddle

 *:focus { outline: none; } textarea { resize: none; border-radius: 5px; } textarea:focus { border-color: hotpink; } 

 <textarea rows = '4' cols = '50' placeholder = 'Add a new comment...'></textarea>