EasyUI textbox 修改字体样式
EasyUI textbox 修改字体样式
现象
后端代码如下
<input id="statusName" name="statusName" disabled="disabled" class="easyui-textbox" style="width: 80%;color: red;"/>
发现直接在style
中写css
不起作用
问题原因
easyui 会将原有的input 隐藏 display:none,
然后新生成一个input,这个input上并没有我们写的属性,,有我们css
样式的是看不到的,知道这个结构之后,我们就可以做进一步处理了;
解决方案
将新生成的css
上添加上color:red
属性
<script>
$(function() {
let statusName = $('#statusName').next('span').find('input');
statusName.css("color","red")
});
</script>
这样就可以达到修改样式的目的