使用/deep/穿透更改组件库样式在火狐浏览器不生效原因

/deep/ 穿透如果只是添加在父级的话,那么在火狐浏览器和谷歌浏览器都是生效的

/deep/ .father {width: 100%;height: 100%;.el-select .el-input .el-input__icon {line-height: 26px;color: #000000;}.avatar-uploader .el-upload {border: 1px dashed #D1D1D1;}
}

/deep/ 穿透如果父级和子级都添加,如下面这种情况,在谷歌浏览器生效,在火狐浏览器不生效,

/deep/ .father {width: 100%;height: 100%;/deep/ .el-select .el-input .el-input__icon {line-height: 26px;color: #000000;}/deep/ .avatar-uploader .el-upload {border: 1px dashed #D1D1D1;}
}
因此只需要将/deep/添加在父级上即可,这样修改组件库的样式在火狐浏览器才会生效

》》》》》》解决了把亲。。。。。

使用deep穿透更改 Element ui 样式在 谷歌浏览器生效,而在火狐浏览器不生效问题相关推荐

  1. element ui中select 下拉框在火狐浏览器最后一行显示不完全(谷歌正常)

    在项目开发的时候用到了el-scrollbar组件 并且设置了隐藏横向滚动条 下面展示一些 内联代码片. // 隐藏横向滚动条 .el-scrollbar__wrap {overflow-x: hid ...

  2. vue项目,引入插件element ui 样式不生效

    用vue ui 命令 引入插件 element ui 样式不生效 步骤一:执行如下命令,安装babel-plugin-component npm install babel-plugin-compon ...

  3. Element UI样式修改之NavMenu导航菜单

    目录 Element UI样式修改之NavMenu导航菜单 一.成果展示 二.步骤 三.完整代码 Element UI样式修改之NavMenu导航菜单 一.成果展示 Element UI官网给出的例子 ...

  4. element ui 样式穿透

    使用:deep(穿透的class名或者id名)(同时修改的样式最好加上!important放在原来的element样式权重较高,使自己设置的样式不生效) 例如 :deep(.el-input-grou ...

  5. vue中修改Element ui样式不起作用

    公司做的一个后台系统,由于Elemen ui是响应式的,在小屏笔记本中,一行两列的表单会自动变成一行一列,这样就很不美观了,由于是后台系统,当时也没考虑适配问题. 老总 地表最强的电脑 运行了一下,当 ...

  6. 修改element ui的导航菜单样式,包括下拉菜单

    第一次使用element ui,根据项目需求,选择了NavMenu导航菜单, Element - The world's most popular Vue UI framework 首先将代码复制粘贴 ...

  7. 日期时间选择器选择器更改样式deep穿透无效

    DateTimePicker 日期时间选择器 时间选择器更改样式deep穿透无效,在选择器中加入到teleported属性设置为false

  8. Web前端笔记-修改element ui中表格样式(透明、去横纵线等含修改思路)

    官方效果是这样的: 此处改成了这样的效果: 此处是可以进行滑动的,就是去除了滑动条,仍能滑动的效果. 下面说下修改样式,找到使用el-table的vue组建: 在style中贴上: <style ...

  9. Element ui Switch 开关二次确认弹窗后再更改开关状态

    Element ui Switch 开关二次确认弹窗后再更改开关状态 Switch 开关 基本用法 Events 重点: 禁用状态 Switch 开关 表示两种相互对立的状态间的切换,多用于触发「开/ ...

最新文章

  1. 第十六届全国大学智能车竞赛华北赛区成绩汇总
  2. Java之相对路径找不到文件问题解决方法
  3. 【Ubuntu入门到精通系列讲解】常用 Linux 命令的基本使用
  4. iOS开发中用到的第三方库概览
  5. 使用 TeamCity 实现持续集成(CI)
  6. mekko 教程_Power BI桌面Mekko图表
  7. brew源码安装mysql_mac使用brew安装mysql
  8. 英文字体识别在线识别_如何查找和识别字体
  9. Matlab是常见的高级语,高级语言具有哪些特点 试述低级语言与高级语言的特点...
  10. 网站链接被微信屏蔽拦截了怎么办?VJump帮你解除屏蔽
  11. automated creative optimization for e-commerce advertising
  12. 注重医院患者院后随访提高医疗质量
  13. Vue组件小tips
  14. 基于区块链的价值交易和管理系统
  15. mPaas小程序(支付宝、钉钉...)自定义组件,组件传参
  16. 技术解析 | 抛弃骨骼的外骨骼——柔性外骨骼Soft Exosuit
  17. 计算机专业简历中技能特长怎么写,简历中的技能特长怎么写
  18. 86-17农固微观数据
  19. 正月初三 烧门神纸/谷子生日/小年朝 [春节习俗]
  20. android 6g 有必要吗,6G内存手机普及后 安卓手机为何还是这么卡?

热门文章

  1. 卧式组合机床设计(论文 CAD图纸 开题报告 任务书……)
  2. 产品经理设计产品流程都有哪些步骤
  3. PyHook3详细教程
  4. python为什么被称为胶水语言_python为何称为胶水语言
  5. java字符串中Emoji表情处理
  6. 微信H5页面前端开发,大多数人都会遇到的几个兼容性坑(转载)
  7. R-studio超强数据恢复工具(含带注册码)
  8. 安卓来电归属地_原生 Android 也能远离骚扰电话:开源应用来电信息
  9. 超定方程组最小二乘法(内含代码)
  10. 3.1 有界线性算子与有界线性算子空间