当前位置 : 主页 > 网页制作 > Dojo >

dijit TextBox设置为readonly时的特殊背景

来源:互联网 收集:自由互联 发布时间:2021-06-15
dijit TextBox等文本框设置为readOnly后和设置前没有什么区别,从外观无法区分是否只读。所以,做了一个小的调整,使其与可编辑文本框区分开来。 调整后,文本框,列表框 通过css实现

dijit TextBox等文本框设置为readOnly后和设置前没有什么区别,从外观无法区分是否只读。所以,做了一个小的调整,使其与可编辑文本框区分开来。

调整后,文本框,列表框

通过css实现

.dijitReadOnly * {
			    background-image: url("./image/lock.png");
			    background-position: right center;
			    background-repeat: no-repeat;
			    background-size: 16px auto;
			    padding-right: 1px !important;
			}
图标文件
网友评论