u-collapse设置了背景颜色 导致展开内容的背景色也改变了 把内容的背景色变成白色

最新推荐文章于 2024-04-08 11:14:51 发布
最新推荐文章于 2024-04-08 11:14:51 发布
阅读量748 收藏 1
点赞数
文章标签： html css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/s112233345212/article/details/128421900
版权

 导致展开内容的背景色也改变了 把内容的背景色变成白色

 把项目运行在浏览器上 右键选择检查代码

 找对应标签 找到背景颜色对于的类目

 ：：v-deep  你检查影响的类目（粘贴你刚刚浏览器deep深度选择器里面的那个类名）{ 要改变的内容}

：：v-deep 深度选择器

 

范范今天学习了吗
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue2-collapse-Vue Collapse是一个灵活的内容切换插件，用于手风琴列表或任何其他有条件的内容呈现。-Vue.js开发
05-27
Vue折叠Vue.js 2插件允许开发人员创建非常自定义的手风琴列表。 这意味着自定义Accordio Vue非常灵活并且易于定制。Collapse Vue.js 2插件允许开发人员创建非常自定义的手风琴列表。 这意味着它非常灵活并且易于定制手风琴插件。 插件本身不为任何组件或元素提供任何样式。 唯一包含的css使用max-height和transition属性支持最基本的上下滑动动画。 对于需要创建自定义手风琴列表的开发人员来说，VueCollapse还是一个工具。 带有实时示例的文档安装
react-text-collapse:使用React-Motion进行React文本折叠展开。
05-14
React文字折叠 哲学 保持简单！ 您不需要jQuery ... 安装 npm $ npm install --save react-text-collapse 演示版 范例程式码 程式码范例 用法 < ReactTextCollapse xss=removed> < p> React text collapse is awesome. React text collapse is awesome. < br> React text collapse is awesome. React text collapse is awesome. < br> React text collapse is awesome. React text collapse is awesome. < br>
修改element中Collapse 折叠面板背景颜色
最新发布
weixin_68397463的博客
04-08 819
通过添加样式穿透和!important；一，使用Collapse 折叠面板。
docsify-sidebar-collapse:一个docsify插件，支持侧边栏目录的扩展和折叠
05-11
docsify-sidebar-collapse 支持docsify侧边栏目录扩展和折叠 预习 用法 首先，确保已启用配置，并且根目录中提供了Markdown文件_sidebar.md 。 然后将脚本插入文档中，就像的用法一样 < script > window . $docsify = { loadSidebar : true , alias : { '/.*/_sidebar.md' : '/_sidebar.md' , } , subMaxLevel : 3 , ... sidebarDisplayLevel : 1 , // set sidebar display level } </ script > < script src =" //cdn.jsdelivr.net/npm/docsify/lib/doc
jQuery 全选/反选以及单击行改变背景色实例
12-09
我先把CSS样式放出来，其实这个可以直接忽略 代码如下: body{margin:0;padding:0;font-size:12px;font-family:微软雅黑;} .datagrid{width:100%;} .datagird tr th{background-color:#191970; font-size:14px;} .datagrid tr th, .datagrid tr td{border:1px solid #ccc; border-collapse:collapse;} /* 选中行样式 */ .table-row-selected{background:#fff
Accordion-Collapse-react-native:响应本机AccordionCollapse组件，非常适合在切换和显示隐藏内容中使用
05-02
手风琴崩溃React本机 是一个React本机javascript组件，可让您显示手风琴或折叠。 安装 npm install --save accordion-collapse-react-native 用法 import {Collapse,CollapseHeader, CollapseBody, AccordionList} from 'accordion-collapse-react-native'; //Simple collapsable <Collapse> <CollapseHeader> <View> <Text>Click here</Text> </View> </CollapseHeader> <CollapseBody> <Text>Ta daa!</Text> </Collap
如何修改element的默认样式
zhuaaaa3944210的博客
10-31 401
前端项目总结一
uni-app 点击效果点击背景色改变
weixin_55944834的博客
04-18 3375
uni-app 点击效果点击背景色改变 <view hover-class="click-hover"> </view> <style> .click-hover{ background-color: #f5f5f5; } </style>
【uni-app】设置背景颜色相关
cc蒲公英的博客
11-16 2439
【uni-app】设置背景颜色相关
uni-app修改页面背景色:
热门推荐
SunPeng的博客
10-04 1万+
uni-app修改页面背景色: , 在pages.json里面设置单页面背景色不起作用
CollapsingToolbarLayout 标题字体及颜色设置
YangShuai5946的博客
08-06 3393
布局 <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@android:colo...
el-collapse去除边框；el-table更改背景色
MagicPear的博客
10-26 3095
去除el-collapse折叠面板的默认边框 .el-collapse,.el-collapse-item__wrap { border: none; } 更改el-table表头行跟内容行的背景色 .table td,th{ background-color:#000; } .table thead tr th.is-leaf{ background-color:#000; }
【前端开发】Uniapp：uni-ui-扩展组件
`雾博客
10-18 1万+
安装sass-loader（使用低于@11.0.0版本，sass-loader@11.0.0不支持vue@2.6.12）：npm i sass-loader@10.1.1 -D 或者 yarn add sass-loader@10.1.1 -D。uni组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。：传统vue组件，需要安装、引用、注册三个步骤后才能使用组件，
uView UI中Collapse折叠面板使用小记
sxy323的博客
12-05 3550
uView UI中Collapse折叠面板使用小记
记录 el-input和el-select 有内容时改变背景色
m0_49859009的博客
09-05 813
el-input和el-select 有内容时改变背景色
Vue3折叠面板（Collapse）
Mr Dear的博客
03-29 7552
整体样式功能与ant design保持一致，可以折叠/展开的内容区域。
uniapp collapse折叠面板箭头居左等等一系列调整
six_teen的博客
04-24 5442
对于uniapp的collapse折叠面板这个组件，是又喜又恨。喜的是不用自己写折叠面板，而恨的却是可设置的属性实在是太少了，连箭头都不能更换位置更换箭头方向，让人实在是懊恼。 先贴一张我已经调整过的图，然后再细细道来。 我打算用uniapp做安卓端的一个类似qq的IM通讯系统，所以将折叠面板最后调整成这个样子了。给Hbuilderx装上Collapse 折叠面板组件，这里就不做过多的说明。 下载好Collapse 折叠面板后，根据所给的例子粘贴其代码： 这样的折叠面板也还是可以的，就是和我想要的不一样
折叠面板 背景颜色边框色 去除/ 更改
qq_40806920的博客
05-06 3507
.ftaAnalysis .el-collapse-item__header, .ftaAnalysis .el-collapse-item__wrap { background-color: transparent; color: #fff; } .ftaAnalysis .el-collapse, .ftaAnalysis .el-collapse-item__wrap { border: none; }
修改el-collapse-item的背景颜色
05-02
可以通过以下步骤修改 `el-collapse-item` 的背景颜色： 1. 打开你的样式文件（如 `style.css`）并添加以下代码： ```css .el-collapse-item__content { background-color: #f0f0f0; } ``` 这将为 `el-collapse-item` 的内容区域添加背景颜色。 2. 如果你想为每个折叠项添加不同的背景颜色，可以为每个 `el-collapse-item` 添加一个自定义类名，并在样式文件中为它们分别设置背景颜色。例如： ```html <el-collapse> <el-collapse-item title="标题一" class="custom-item-1"> 内容一 </el-collapse-item> <el-collapse-item title="标题二" class="custom-item-2"> 内容二 </el-collapse-item> </el-collapse> ``` ```css .custom-item-1 .el-collapse-item__content { background-color: #f0f0f0; } .custom-item-2 .el-collapse-item__content { background-color: #e0e0e0; } ``` 这将为第一个折叠项添加浅灰色背景，为第二个折叠项添加淡灰色背景。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值