给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';
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM