-
-
xxxl 数据领袖Lv6
发表于2020-10-27 18:11
楼主
本帖最后由 xxxl 于 2020-11-26 16:13 编辑
1.需求场景
在给年月组件设置自定义样式字体样式大小之后
会出现计算后，没有年月组件的底部框线
2.脚本设置
可以在客户端脚本中写
复制代码
这里的line-height是组件框线高度设置比组件高度稍等低一些就可以在计算后让框线正常显示出来了。这里的参数组件的高是26px,脚本中把框线高度改到了20px就显示出来了。如果调整到后没有改变可能还是高度的问题，慢慢减小px就可以试出来了。
3.补充
针对不同的参数组件需要设置框线高度的话可以通过f12拾取到参数组件对应的类名，比如我这里取得维下拉组件类名是eui-form-select
我的代码就需要改成
复制代码
如果需要参数组件在参数区实现这样的样式就要改成复制代码
1.需求场景
在给年月组件设置自定义样式字体样式大小之后
会出现计算后，没有年月组件的底部框线
2.脚本设置
可以在客户端脚本中写
- $("div.eui-form-select.eui-form-month").css("line-height","20px");
这里的line-height是组件框线高度设置比组件高度稍等低一些就可以在计算后让框线正常显示出来了。这里的参数组件的高是26px,脚本中把框线高度改到了20px就显示出来了。如果调整到后没有改变可能还是高度的问题，慢慢减小px就可以试出来了。
3.补充
针对不同的参数组件需要设置框线高度的话可以通过f12拾取到参数组件对应的类名，比如我这里取得维下拉组件类名是eui-form-select
我的代码就需要改成
- $("div.eui-form-select").css("line-height","13px");
如果需要参数组件在参数区实现这样的样式就要改成
- EUI.addStyleSheet(".eui-form-select{line-height:10px!important}")
最近看过此主题的会员
3个回答
$("div.eui-form-select").css("background-color","#1e8cff");
patsxy 发表于 2021-3-3 16:27
$("div.eui-form-select").css("background-color","#1e8cff");
这样试试$("div.eui-form-select").css("background-color","#1e8cff!important");
修改年月框里面的字体颜色和边框线颜色
客户端脚本写入：
EUI.addStyleSheet("input.eui-input{background-color:red!important;color:white!important;border-color:white!important;}");//修改日期的字体颜色和边款颜色
EUI.addStyleSheet("i.eui-icon.eui-form-select-icon{border-color:white!important;}");//修改日期下拉处的边线
