CSS

在这,你可以学到不常用却很实用的CSS样式。

::-webkit-input-placeholder

该属性可以改变placeholder属性中显示的文字的属性,给他们设置颜色。

::-webkit-input-placeholder { /* Chrome Safari Opera*/
    color: red;
}
::-moz-placeholder { /* FF 19+ */
    color: red;
}
:-ms-input-placeholder { /* IE 10+ */
    color: red;
}
:-moz-placeholder { /* FF 18- */
    color: red;
}

禁止用户选中文本

div {
    user-select: none; /* Chrome 56+ Opera 44+*/
    -webkit-user-select: none; /* Chrome 49 Safari*/
    -ms-user-select: none; /* IE 10+ */
    -moz-user-select: none; /* FF 52+ */
}

禁用鼠标点击事件

.disabled {
    pointer-events: none; /* (默认auto,仅这两个值) */
    /* IE11+、FF3.6+、chrome、Safari4+ */ 
}

对于点击某些disabled的图标,我们一般会在处理函数中判断他是否有disabled或其他样式,来决定是否要执行。通过使用pointer-events可以阻止js的鼠标点击事件,可惜低版本IE不支持。