chromesafari中的input或textarea

Posted 2020-08-14 承载梦想-韩旭明

1.去掉chrome、safari input或textarea在得到焦点时出现黄色边框的方法

input{ outline:0;}

2.去掉chrome、safari textarea右下角可拖动鼠标改变textarea大小的方法

textarea{ resize:none;}

集合：

input,textarea{ outline:0; resize:none;}

 

3.input中文字垂直居中

input{ margin:0; padding:0;}

.login input{ height:36px; line-height:36px;}

4.textarea下如果有缝隙，hack方法：textarea{vertical-align:middle;}