改变textarea的边框颜色

Question

css中是否有针对textarea的onselect？我试图将textarea的边框颜色更改为红色onselect而不是默认的蓝色。如果有可能的话，我会用css或html怎么做？如果没有，任何其他方法都可以。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以使用focus和border更改边框颜色。不要忘记设置outline: none。

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

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

Answer 2

使用：焦点选择器并禁用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>