-
-
小罗哥 数据达人Lv4
发表于2020-7-28 15:23
悬赏1
已解决
楼主
请问大家如何在abi中设置标签页的字体大小及颜色呢，我使用的
EUI.addStyleSheet(".xtabctrl .xtab-header-green4 .xtab-header-text{color:#333333;}"); /***修改表头字体点击前为白色***/
EUI.addStyleSheet(".xtabctrl .xtab-header-green4 .xtab-header-text{font-size:16px}"); /***修改页签字体大小***/
这两行代码不起效果的
EUI.addStyleSheet(".xtabctrl .xtab-header-green4 .xtab-header-text{color:#333333;}"); /***修改表头字体点击前为白色***/
EUI.addStyleSheet(".xtabctrl .xtab-header-green4 .xtab-header-text{font-size:16px}"); /***修改页签字体大小***/
这两行代码不起效果的
最近看过此主题的会员
最佳答案
小罗哥 发表于 2020-7-28 16:04
您好，这样还是没有效果呢
在这里改
.xtabctrl .xtab-header-default {
height: 77px;
border:0px;
background:transparent;
}
.xtabctrl .xtab-header-default ul li {/*标签头的通常样式*/
font-size: 12px;
width:206px;
height:77px;
margin:0;
padding:0;
}
.xtabctrl .xtab-header-default .xtab-header-center {/*标签头的通常样式*/
text-align: center;
line-height: 36px;
width:206px;
height:77px;
font-size: 24px;
color: #05F0FF;
margin: 0px;
background-color: transparent;
background-image: url(/abi/vfs/root/products/ebi/sys/picture/背景图.png);
background-repeat: no-repeat;
}
.xtabctrl .xtab-header-default .xtab-header-active .xtab-header-right {/* 选中后的背景颜色*/
background : #0697A3;
}
.xtabctrl .xtab-header-default .xtab-header-active .xtab-header-center {
background:none;
margin: 0px ;
font-size: 24px;
}
.xtabctrl .xtab-header .xtab-header-active .xtab-header-text {/*选中后标签头的样式*/
font-weight: normal;
color:#ffffff;
}
.xtabctrl .xtab-header .xtab-header-text {/* 标签头文字居中*/
top: 25%;
position: relative;
}
.xtabctrl .xtab-body-default{/* 标签体的样式 当标签头宽高修改后标签体可能遮住标签头导致不能点击 需要调整位置*/
top:77px;
}
5个回答
小罗哥 发表于 2020-7-28 16:04
您好，这样还是没有效果呢
在这里改
.xtabctrl .xtab-header-default {
height: 77px;
border:0px;
background:transparent;
}
.xtabctrl .xtab-header-default ul li {/*标签头的通常样式*/
font-size: 12px;
width:206px;
height:77px;
margin:0;
padding:0;
}
.xtabctrl .xtab-header-default .xtab-header-center {/*标签头的通常样式*/
text-align: center;
line-height: 36px;
width:206px;
height:77px;
font-size: 24px;
color: #05F0FF;
margin: 0px;
background-color: transparent;
background-image: url(/abi/vfs/root/products/ebi/sys/picture/背景图.png);
background-repeat: no-repeat;
}
.xtabctrl .xtab-header-default .xtab-header-active .xtab-header-right {/* 选中后的背景颜色*/
background : #0697A3;
}
.xtabctrl .xtab-header-default .xtab-header-active .xtab-header-center {
background:none;
margin: 0px ;
font-size: 24px;
}
.xtabctrl .xtab-header .xtab-header-active .xtab-header-text {/*选中后标签头的样式*/
font-weight: normal;
color:#ffffff;
}
.xtabctrl .xtab-header .xtab-header-text {/* 标签头文字居中*/
top: 25%;
position: relative;
}
.xtabctrl .xtab-body-default{/* 标签体的样式 当标签头宽高修改后标签体可能遮住标签头导致不能点击 需要调整位置*/
top:77px;
}
