使用CSS :before 选择器追加内容

       对于文本域,经常有这样的需求,显示:您还可以输入X字,公司的框架,也做了统一处理。但是,最近的项目,缺需要这样的提示:不超过XX个字,您还可以输入XX个字,也就是在此之前显示  “ 不超过XX个字,”。遇到这个问题的第一反应,就是操作dom,直接覆盖原有的内容,但是这样操作不免有些繁琐,发现可以使用css的:before选择器解决问题:

	.rwmb .mlmsg:before{
		content: "不超过300个字,";
	}

.rwmb 是自己添加的标志样式,.mlmsg是框架固定的样式,使用 content 属性来指定要插入的内容

你可能感兴趣的:(css)