1.textarea去掉右下角三角图标

resize:none

2.让文字在一行内显示不换行

width: 100px;/*需要给它一个宽度*/

display: block; /*内联对象需加*/

word-break: keep-all; /* 不换行 */

white-space: nowrap; /* 不换行 */

overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */

text-overflow: ellipsis; /*溢出时显示省略标记...；需与overflow:hidden;一起使用*/

3.让文字在自定义行数内显示

width: 50px;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

/* 设置想要文字显示的行数 */

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

4.改变input里placeholder的字体颜色

目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。

input::-webkit-input-placeholder { 

/* WebKit browsers */ 

color: #ccc; 

} 

input:-moz-placeholder { 

/* Mozilla Firefox 4 to 18 */ 

color: #ccc; 

} 

input::-moz-placeholder { 

/* Mozilla Firefox 19+ */ 

color: #ccc; 

} 

input:-ms-input-placeholder { 

/* Internet Explorer 10+ */ 

color: #ccc; 

}