css输入框placeholder样式修改以及背景颜色渐变设置

代码如下

/* placeholder 样式设置 */
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
font-size: 0.16rem;
color: #999;
font-style: "PingFang-SC-Bold";
}

input:-moz-placeholder,textarea:-moz-placeholder {
font-size: 0.16rem;
color: #999;
font-style: "PingFang-SC-Bold";
}

input::-moz-placeholder,textarea::-moz-placeholder {
font-size: 0.16rem;
color: #999;
font-style: "PingFang-SC-Bold";
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
font-size: 0.16rem;
color: #999;
font-style: "PingFang-SC-Bold";
}

/* 背景颜色渐变设置,从右向左 */
background: -webkit-linear-gradient(right, #e8bb72 , #f5d399); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(left, #e8bb72, #f5d399); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(left, #e8bb72, #f5d399); /* Firefox 3.6 - 15 */
background: linear-gradient(to left, #e8bb72 , #f5d399); /* 标准的语法 */

猜你喜欢

转载自blog.csdn.net/weixin_43043596/article/details/85090374