使用CSS :before 選擇器追加內容

       對於文本域,經常有這樣的需求,顯示:您還可以輸入X字,公司的框架,也做了統一處理。但是,最近的項目,缺需要這樣的提示:不超過XX個字,您還可以輸入XX個字,也就是在此之前顯示  “ 不超過XX個字,”。遇到這個問題的第一反應,就是操作dom,直接覆蓋原有的內容,但是這樣操作不免有些繁瑣,發現可以使用css的:before選擇器解決問題:

	.rwmb .mlmsg:before{
		content: "不超過300個字,";
	}

.rwmb 是自己添加的標誌樣式,.mlmsg是框架固定的樣式,使用 content 屬性來指定要插入的內容

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章