-
xiaocesen 初学数据Lv2
发表于2021-12-8 17:59
楼主
给大家分享一个透明维下拉组件的样式~
重点重点: 此样式枚举组件也会生效,属于全局修改统一样式。
实现效果:
附上CSS代码,写在报表自定义样式中
复制代码 想要自行修改颜色边框等的可根据注释来对应修改!!!
重点重点: 此样式枚举组件也会生效,属于全局修改统一样式。
实现效果:
附上CSS代码,写在报表自定义样式中
- /* 展示样式透明 */
- div.eui-form-select {
- background: transparent !important;
- }
- /* 输入框字体白色以及边框样式 */
- input.eui-input {
- color: #fff !important;
- border: 0px !important;
- }
- /* 选择框透明,去边框 */
- div.eui-panel-selectlist-check.eui-clear {
- background: transparent !important;
- border: 0px !important;
- }
- /* 选择框透明与上行代码同时使用 */
- div.eui-panel {
- background: transparent !important;
- }
- /* “过滤”标签字体白色 */
- div.eui-panel-selectlist-check-right label{
- color: #fff !important;
- }
- /* 下拉按钮去边框,按钮标志白色 */
- i.eui-icon.eui-form-select-icon {
- border: 0px !important;
- color: #fff !important;
- }
- /* 下拉区域去边框 */
- div.eui-panel.eui-anim.eui-panel-selectlist.eui-anim-upbit {
- border: 0px !important;
- }
- /* 下拉区域搜索框透明,去边框 */
- div.eui-form-search input {
- background: transparent !important;
- border: 0px !important;
- }
- /* 下拉区域定位按钮透明,去边框 */
- div.eui-form-search i.eui-icon {
- background: transparent !important;
- border: 0px !important;
- }
- /* 下拉区域维内容字体白色 */
- div.eui-panel-selectlist-content {
- color: #fff;
- }
- /* 下拉区域维内容悬停颜色去除 */
- div.eui-tree-node:hover {
- background: transparent !important;
- }