EasyUI textbox 修改字体样式

天农学子2024-09-06 21:22

EasyUI textbox 修改字体样式

现象

后端代码如下

javascript 复制代码

<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属性

javascript 复制代码

<script>
    $(function() {
        let statusName = $('#statusName').next('span').find('input');
        statusName.css("color","red")
    });
</script>

这样就可以达到修改样式的目的