决策报表里,用JS 和 CSS 修改控件的颜色以适配深色主题。

楼主
帆软产品的老粉丝

---------CSS脚本如下:----------

.fr-combo-list{

border-color:#21DEDE;

background-color: #00063c;

box-shadow: 0px 0px 0px;

}

.bi-v{

border-color: #21DEDE;

background-color: #00063c;

box-shadow: 0px 0px 0px;

}

 

.bi-trigger{

border-top-color:#2C5E7E;

border-right-color:#2C5E7E;

border-bottom-color:#2C5E7E;

border-left-color:#2C5E7E;

color:#C0C0C0;

}

.bi-text {

   color:#8aebff;

   font-size: medium;

  

}

 

.bi-card,.bi-input{

color:#8aebff;

background-color:#2C5E7E;

}

.fr-combo-list-item{

border-color:#00063c;

color:white;

}

.fr-combo-selected{

background-color:#21DEDE;

}

.fr-trigger-text,.fr-trigger-btn-up,.fr-trigger-btn-over,.fr-trigger-btn-down{

border-color:#0b67e7;

background:transparent;

}

.fr-trigger-texteditor{

  background:transparent;

  color:white;

}

.bi-border {

border: 0px solid #2C5E7E;

}

 

--------------js脚本如下:----------

$('head').append('<link type="text/css" rel="styleSheet"  href="/webroot/help/Testcss.css" />')

分享扩散:

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

0回帖数 1关注人数 2488浏览人数
最后回复于:2023-10-24 14:41

返回顶部 返回列表