-
-
郑文华 小试身手Lv3
发表于2019-11-24 22:17
楼主
1、枚举下拉字体样式
复制代码
2、维下拉字体样式
复制代码
复制代码复制代码
复制代码
复制代码
复制代码
复制代码
复制代码
复制代码
复制代码8、修改输入框中字体显示位置
复制代码
复制代码10 、修改输入框高度
复制代码11、修改滑块样式
复制代码
复制代码
//滑动条默认背景色复制代码
- addStyleSheet(".xlistview-body td {font-size:30px;color:#FF0000;}");
2、维下拉字体样式
- addStyleSheet(".xtree_nodeitem>.standartTreeRow {font-size:30px;color:#FF0000;}");
3、修改输入框样式 //此处修改的为所有参数组件输入框样式
- addStyleSheet(".html_edit {background-color:#00008094;font-size:30px;color:#FFFFFF;vertical-align:middle;height:50px;border-radius:9px;}");
4、修改输入框外层框样式
- addStyleSheet(".xcombobox_cbar {background-color:#00008050 !important;height:10px !important;border-radius:9px !important;}");
5、修改下拉框按钮样式
- addStyleSheet(".cmbBtOut {background-image:url(vfs/root/products/ebi/sys/picture/down.png);background-posion:center center;background- size:cover;width:32px !important}");
- addStyleSheet(".cmbBtOver {background-image:url(vfs/root/products/ebi/sys/picture/down.png);background-posion:center center;background-size:cover;width:32px !important}");
6、单独修改一个下拉按钮样式
- var combox = document.getElementById('WidgetParamComboBoxTree29');
- //红色字体为获取所要修改的参数组建的真实id，使用浏览器的开发者工具定位即可，如下：
- var child = combox.childNodes;
- child[1].firstChild.style.cssText = "font-size:30px;width: 100%; height: 50px;border-radius: 9px;";
- $(child[1].firstChild).find("[type=text]").css("font-size","30px");
- $(child[1].firstChild).find(".cmbBtOut").css({"background-image":"url(vfs/root/products/ebi/sys/picture/down.png)","background-position":"center center","background-size":"cover"});
7、修改日期组件样式(日期组件中每一部分样式修改都不互相关联)
1）
- addStyleSheet(".calendar-headtext {font-size:30px;color:#FF0000;}");
2）
- addStyleSheet(".calendar {border:5px solid #00FFFF;}");
3）
- addStyleSheet(".calendar-week-cell {font-size:30px;color:#FF0000;}");
4）
- addStyleSheet(".calendar-content-table {border:5px solid #00FFFF;}");
5）
- addStyleSheet(".calendar-content-cell {font-size:30px;color:#40FFFF;}");//蓝色字体部分
- addStyleSheet(".calendar-content-cell-out {font-size:30px;color:#FF0000;}"); // 红色字体部分
- addStyleSheet(".html_edit{padding:0 30px}");
9、修改输入框中字体样式
- addStyleSheet(".html_edit{color:#ff0000}");
- function expandbox(name,height) {
- var calc= g_rptpage.calcParam;
- var param = calc.getParamByName(name);
- if (param == null) {
- return;
- }
- var child = param.basedom.childNodes;
- child[1].firstChild.style.cssText += "width: 100%; height: " + height;
- addStyleSheet("#"+param.basedom.id+" .html_edit {font-family:'微软雅黑';background-color: #ffffff;color: #000000;border-radius:16px;border: 1px solid #DCDCDC;outline: none;padding: 0px 4px;height:22px;}");
- }
- expandbox("@p1","30px");
- expandbox("@p2","40px");
- addStyleSheet(".ui-slider-horizontal>.ui-slider-handle{background:#ff0000}");
- addStyleSheet(".ui-slider-horizontal>.ui-slider-range-min{background:#fff000}");
- addStyleSheet(".ui-widget-content{background:#fff000}");
最近看过此主题的会员
7个回答
ABI 维下拉背景色和字体颜色脚本：
EUI.addStyleSheet(".eui-tree-container .eui-tree-item .eui-tree-node .eui-tree-text{color:red;}");//字体颜色
EUI.addStyleSheet(".eui-panel-selectlist .eui-panel-selectlist-content{background:yellow;}");//背景颜色
