完整的侧栏标题栏美化
<style>
.step-item { color: #91D3E9 !important; } /*--- 侧边栏文字的颜色 --*/
.step-item { text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.9); } /*--- 侧边栏文字加阴影 --*/
.text-primary{ color: #9DE5E7!important; } /*--- 侧栏文字前面的展开图标颜色 --*/
.step-header { background-color: transparent !important; } /*--- 上标题栏透明 --*/
.step-title { color: #9DE5E7 !important; } /*--- 标题栏如果没隐藏,那么文字颜色自定义 --*/
【】.step-header { background-color: transparent !important; display:none; } /*--- 上标题栏隐藏,但是一般不用因为会隐藏标题文本 --*/
【】#bottom-nav {display:none !important;} /*--- 下标题栏隐藏,但是一半不用,因为会隐藏上一页下一页和编辑按钮 --*/
#bottom-nav { background-color: transparent !important; border: 0 !important; } /*--- 下标题栏透明 --*/
#sidebar-wrapper { background: transparent !important; } /*--- 侧边栏透明 --*/
#sidebar-wrapper {border-right:0px !important;} /*--- 侧边栏分割线隐藏 --*/
.btn {
color: #FFF !important; /*--- 网页按钮文字颜色 --*/
background-color: #126E9B !important; /*--- 按钮颜色 --*/
border-color: transparent !important; /* 将按钮的边框颜色设置为透明 */
}
body {
background-image: url("https://files.getquicker.net/_sitefiles/_guides/7cedc9e0-d11c-4cce-b993-08d9b8bffc32/2024/01/16/141826_202824_bg.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
</style>