iview框架的input框的placeholder的样式修改

最新推荐文章于 2025-03-15 20:11:17 发布

meng16

最新推荐文章于 2025-03-15 20:11:17 发布

阅读量3.8k

点赞数 2

本文链接：https://blog.csdn.net/meng16/article/details/106634311

版权

 /deep/ .ivu-input::-webkit-input-placeholder{
        color:#04C1D6;
    }
    /deep/ .ivu-input::-moz-placeholder{   /* Mozilla Firefox 19+ */
        color:#04C1D6;
    }
    /deep/ .ivu-input::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
        color:#04C1D6;
    }
    /deep/ .ivu-input::-ms-input-placeholder{  /* Internet Explorer 10-11 */
        color:#04C1D6;
    }

关于input框就算border设置为None,也有灰色的边
是因为

 /deep/ .ivu-input{
        position:relative;
        //获得焦点之后还是有白色的边
        box-shadow: none;
        color:#04C1D6;
        border:none;
        background:none;
        border-radius: 0;
    }