CSS3过渡结束监听事件,清除/修改表单元素的一些默认样式

 document.querySelector('div').addEventListener('transitionEnd',function(){
        console.log('过度结束')
    })

如果要兼容低版本的浏览器，就添加浏览器的内核前缀    webkitTransitionEnd / mozTransitionEnd / oTransitionEnd....

 

清除表单下拉框的默认样式    主要是在移动端的默认样式

select::-ms-expand{display:none;}
select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}

 

 

修改表单元素 placeholder 占位符 的样式属性

input::-webkit-input-placeholder{
    color:red;
}
input:-moz-placeholde {
    color:red;
}
input:-ms-input-placeholder {
    color:red;
}