给u-input组件的placeholder添加样式与icon

添加样式

.input-placeholder是placeholder节点的类名,不过需要用深度选择器才能添加样式

.u-input /deep/ .input-placeholder {
    color: red;
}

/deep/的别名是>>>,两者皆可使用

添加icon

想要给placeholder添加icon图标,但是通过组件的placeholder属性无法成功添加,于是换一种思路,通过伪元素来实现添加

.u-input /deep/ .input-placeholder::before {
    font-family: iconfont;
    content: '\e732';
}

 

posted @ 2021-03-28 14:23  铽楉QAQ  阅读(4696)  评论(0)    收藏  举报