給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