本文主要是介绍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>
这样就可以达到修改样式的目的
这篇关于EasyUI textbox 修改字体样式的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!