前端学习笔记

1、修改placeholder默认颜色

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #f00;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #f00;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #f00;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #f00;
}

2、兼容ie浏览器背景颜色透明（按顺序写）

background-color: #000000; /* background color for IE */
filter: alpha(opacity=70); /* opacity filter for IE */
background-color: rgba(0, 0, 0, 0.7); /* for other browsers */ 

3、css文本溢出省略号

a、单行文本

text-overflow:ellipsis;

overflow:hidden;

white-space:nowrap;

b、多行文本

overflow:hidden;

display:-webkit-box;

-webkit-box-orient:vertical;

word-break:break-all;