首页 > 其他 > 详细

input框placeholder文字颜色以及实现透明输入框

时间:2020-01-05 10:10:25      阅读:264      评论:0      收藏:0      [点我收藏+]

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #909;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #909;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #909;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #909;
}
.form-item>input::-webkit-input-placeholder {
/* placeholder颜色 */
color: #fff;
}

 

.form-item{border:1px solid #fff;width:400px;height:48px;border-radius:24px;margin:40px auto}
.form-item>input{
width:100%;height:100%;display: block;font-size:18px;
border-radius:24px;background: rgba(255,255,255,0.1);
text-align: center;color:#fff;border: 0;outline: none;
}

input框placeholder文字颜色以及实现透明输入框

原文:https://www.cnblogs.com/xmyfsj/p/12150980.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!