参数组件自定义样式

870
0

chenzy 初学数据Lv2

发表于2023-1-5 15:21

楼主


根据当前开发报表风格需要调整参数组件的样式时,可添加如下CSS脚本实现组件样式的修改
EUI.addStyleSheet(".eui-form-select > input:first-child{border-width:1px;border-style:solid;border-color:#0071fd transparent #0071fd #0071fd;background-color: #0e2678 !important;padding-top:1px !important;}")/* 左框线边框颜色 */
EUI.addStyleSheet(".eui-form-select{background-color: #0071fd!important;}"); /* 框线边框背景颜色*/
EUI.addStyleSheet(".eui-form-select .eui-form-select-icon {border: 0px solid #0071fd !important;color:#ffffff;background-color:#0071fd !important;}"); /* 右框线边框颜色、三角色 */
EUI.addStyleSheet(".eui-panel-selectlist .eui-panel-selectlist-check-right {background-color: #0e2678 ;color: #fff;}"); /*下拉框区域颜色 */
EUI.addStyleSheet(".eui-panel-container {background-color: #0e2678 ;}");/*下拉框区域背景颜色 */
EUI.addStyleSheet(".eui-tree-container .eui-tree-content .eui-tree-group {color: aliceblue;}");/*下拉框区域字体颜色 */
EUI.addStyleSheet(".eui-anim-upbit {border: 1px solid #0071fd ;}");/*下拉框区域边框色*/
EUI.addStyleSheet(".eui-tree-container .eui-tree-item .eui-tree-node:not(.eui-tree-focus):hover {background-color: #3884e2;}");/*下拉框区域鼠标悬停颜色*/
EUI.addStyleSheet(".eui-panel {background: transparent;}");/*下拉框区域边框背景颜色 */
EUI.addStyleSheet(".eui-form-select >.eui-input {font-size: 16px !important;color:#ffffff !important;}");  /*框里字体*/
EUI.addStyleSheet(".widgetobj_container {font-size: 18px !important;color:#ffffff;}");/*标题字体*/




最近看过此主题的会员

xyr

esen_4Q6MZ9SWVR

v笑向前走

张杨洋

wuq

0个回答

只看楼主

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号