首页 > 其他 > 详细

vue中设置input标签的文本颜色和placeholder颜色区分

时间:2021-06-03 11:37:48      阅读:16      评论:0      收藏:0      [点我收藏+]

在input标签中直接设置color属性,会发现placeholder的颜色也会跟随改变,若要区分,给placeholder增加-webkit-input-placeholder属性

>input{
            width: 100%;
            height: 100%;
            position:relative;
            padding-left: 0.533333rem;
            border-radius:0.4rem;
            color:#333333;
            font-size: 0.426667rem;
            text-align: vertical-align;
            font-family:PingFangSC-Regular;
            font-weight:400;
            background:rgba(248,248,248,1);
            line-height:0.586667rem;
        } 
        input::-webkit-input-placeholder{
          color: #CCCCCC;
        }

vue中设置input标签的文本颜色和placeholder颜色区分

原文:https://blog.51cto.com/u_15249199/2848638

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