chrome、safari中的input或textarea

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;}

5.-webkit-appearance 属性http://www.css88.com/webkit/-webkit-appearance/

6.去掉input[type=number]的默认样式:http://blog.csdn.net/panying0903/article/details/46620273

7.

textarea代码中间有空格,placeholder会不显示,要去掉中间的空格。

posted @ 2016-10-11 17:47  承载梦想-韩旭明  阅读(785)  评论(0编辑  收藏  举报