html textarea 点击事件,HTML DOM

1、给 input 文本框和 textarea 多行文本框添加发光焦点响应特效input[type=text], textarea {

-webkit-transition: all 0.30s ease-in-out;

-moz-transition: all 0.30s ease-in-out;

-ms-transition: all 0.30s ease-in-out;

-o-transition: all 0.30s ease-in-out;

outline: none;

padding: 3px 0px 3px 3px;

margin: 5px 1px 3px 0px;

border: 1px solid #ddd;

}

input[type=text]:focus, textarea:focus {

box-shadow: 0 0 5px rgba(81, 203, 238, 1);

padding: 3px 0px 3px 3px;

margin: 5px 1px 3px 0px;

border: 1px solid rgba(81, 203, 238, 1);

}

2、可以使用 resize: none; 来禁用 textarea 右下角的拖动图标。

textarea {

resize: none;

}

3、只是固定大小，右下角的拖动图标仍在:

textarea {

width: 200px;

height: 100px;

max-width: 200px;

max-height: 100px;

}

yogi

yogi

you***30@foxmail.com4年前 (2017-03-21)