EasyUI textbox 修改字体样式

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>

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

相关推荐
蓝倾9 分钟前
淘宝批量获取商品SKU实战案例
前端·后端·api
comelong14 分钟前
Docker容器启动postgres端口映射失败问题
前端
花海如潮淹16 分钟前
硬件产品研发管理工具实战指南
前端·python
用户38022585982416 分钟前
vue3源码解析:依赖收集
前端·vue.js
用户75794199497016 分钟前
基于JavaScript的简易Git
javascript
WaiterL17 分钟前
一文读懂 MCP 与 Agent
前端·人工智能·cursor
gzzeason19 分钟前
使用Vite创建React初始化项目
前端·javascript·react.js
又双叒叕77820 分钟前
React19 新增Hooks:useOptimistic
前端·javascript·react.js
归于尽39 分钟前
V8 引擎是如何给 JS"打扫房间"的 ?
前端·javascript
小old弟39 分钟前
让对象保持定义的顺序来排列
前端