對於文本域,經常有這樣的需求,顯示:您還可以輸入X字,公司的框架,也做了統一處理。但是,最近的項目,缺需要這樣的提示:不超過XX個字,您還可以輸入XX個字,也就是在此之前顯示 “ 不超過XX個字,”。遇到這個問題的第一反應,就是操作dom,直接覆蓋原有的內容,但是這樣操作不免有些繁瑣,發現可以使用css的:before選擇器解決問題:
.rwmb .mlmsg:before{
content: "不超過300個字,";
}
.rwmb 是自己添加的標誌樣式,.mlmsg是框架固定的樣式,使用 content 屬性來指定要插入的內容