MUI 宫格组件（grid）怎么取消mui-active背景色？（优先级设置问题）

对比 · 截图如下：

踩坑总结 · 点击取消效果 · 举例：

优先级: background > background-color

对比如下：

/*无效代码*/
.mui-grid-view.mui-grid-9  .mui-table-view-cell.mui-active{background-color: none!important;}/*有效效果*/
.mui-grid-view.mui-grid-9  .mui-table-view-cell.mui-active{background: none;}
当然，也可以这样写：（添加!important）
.mui-grid-view.mui-grid-9  .mui-table-view-cell.mui-active{background: none!important;}
当然，还可以这样写：（绑定你的类名）
.mui-grid-view.mui-grid-9.vip-view  .mui-table-view-cell.mui-active{background: none!important;}

以上就是关于“ MUI 宫格组件（grid）怎么取消mui-active背景色？（优先级设置问题）- 踩坑篇 ” 的全部内容。

MUI 宫格组件（grid）怎么取消mui-active背景色？（优先级设置问题）- 踩坑篇相关推荐

Vant-UI 表单组件（Field组件）：验证表单元素表单提交 - 踩坑篇
Vant-UI 表单组件(Field组件):验证表单元素&&表单提交: 示例截图 · 如下: 示例 · 详细代码 · 如下: <template><div class ...
vantUI组件：van-card 自定义内容 - 踩坑篇
vantUI组件:van-card 自定义内容 - 踩坑篇特别说明: 自定义用法,格式必须: <van-card> <template #tags> ····自定义内容·· ...
vantUI组件：获取验证码 - 踩坑篇
vant 的button组件:(发送验证码)按钮点击没反应? 应用场景 · 前戏: 效果图解说: 代码公示: <van-fieldv-model="sms"centercle ...
elementUI组件el-dropdown - 踩坑篇
选择即改变:click选择哪个,就显示当前的值,页面UI显示并伴随css样式的变化. 重点:v-if 和 v-else-if 的搭配使用,缺一不可. 效果图: 正确的代码如下: 重要提示: 我之前使用 ...
elementUI 分页组件的使用 - 踩坑篇
elementUI 分页组件的使用.API调用.获取服务端数据.并初始化渲染页面:(踩坑一则) 因每个公司 / 每个项目 / 客户需求 / 都各有差异,所以本例只是demo说解,并非举一反三或万能分页 ...
MUI（侧滑导航）组件使用 - 踩坑篇
Unable to preventDefault inside passive event listener due to target being treated as passive.(代码解决篇 ...
MUI框架：栅格系统 + grid宫格布局 - 案例篇
MUI框架 · 自定义宫格布局 · 应用案例: 通过使用MUI框架的栅格系统 + grid宫格布局 ,覆盖源码样式,以达到完美的页面效果. 效果图: 点击动画效果不再演示,具体效果参考源码效果! 全 ...
【uniapp前端组件】宫格
宫格简介宫格组件. 效果图属性属性类型必填备注 column Number 是每行显示个数,默认为3 itemSpace Number 是每个宫格之间的间距,默认为2,注:单位为百分 ...
mui栅格布局的两种方式（grid和list，宫格和列表）
文章目录 mui栅格布局的两种方式(grid和list,宫格和列表) 效果截图示下: 代码示下: mui栅格布局的两种方式(grid和list,宫格和列表) 效果截图示下: 代码示下: <!DO ...

MUI 宫格组件（grid）怎么取消mui-active背景色？（优先级设置问题）- 踩坑篇

MUI 宫格组件（grid）怎么取消mui-active背景色？（优先级设置问题）

对比 · 截图如下：

踩坑总结 · 点击取消效果 · 举例：

MUI 宫格组件（grid）怎么取消mui-active背景色？（优先级设置问题）- 踩坑篇相关推荐

最新文章

热门文章