css改变file类型input框的默认样式以及改变placeholder的默认颜色

一、伪元素改变file类型input框的默认样式：

css：

::-ms-browse, [type='file'] {
    padding: .4em;
    line-height: 24px;
    border: 1px solid #a0b3d6;
    background: #f0f3f9;
    color: #34538b;
}
::-webkit-file-upload-button {
    padding: .4em;
    line-height: 30px;
    border: 1px solid #a0b3d6;
    background: #f0f3f9;
    color: #34538b;
}

html：

<input id="wenjian" type="file" />

 

二、改变placeholder的默认颜色：

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

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

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

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

　　

　　

转载于:https://www.cnblogs.com/dakini/p/5056497.html