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

在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;
        }