首页 > 其他分享 >vue样式穿透 滚动条隐藏 原生样式修改

vue样式穿透 滚动条隐藏 原生样式修改

时间:2023-03-03 16:23:22浏览次数:45  
标签:__ el vue 样式 deep 滚动条 important table

样式穿透:deep,否则可能不能覆盖原有样式,vue2使用/v-deep/或者::v-deep,或者取消scoped,但不推荐,因为会影响到其他页面样式

<style lang="scss" scoped>

/deep/ .el-table__body-wrapper{

  overflow-x: hidden !important; } </style>     /deep/.el-table__body-wrapper{     background-color: #e4e2ec;   }   /deep/.el-table__body-wrapper::-webkit-scrollbar {     width: 15px !important;     height: 15px !important;   }   /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb{     background: rgb(255, 0, 0) !important;     width: 15px !important;     height: 15px !important;   }

标签:__,el,vue,样式,deep,滚动条,important,table
From: https://www.cnblogs.com/cw828/p/17176091.html

相关文章

  • Vue press 支持图片放大功能的代码分享
    介绍VuePress由两部分组成:一个以Vue驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持Vue子项目的文档需求而创建的。由V......
  • 【前端开发】一个滑动滑块校验登录的组件思路(用vue写的)
    <template><el-dialog:visible.sync="dialogVisible"custom-class="slideVerifyDialog":close-on-click-modal="false"title="身份验证"widt......
  • vue-cli指定版本安装
    安装新的版本前,需要先把之前安装的版本卸载掉。vue卸载:npmuninstallvue-cli-g(3.0以下版本卸载)npmuninstall-g@vue/cli(3.0以上版本卸载)vue安装:npminstall-g@vue/cl......
  • 最全的uniapp脚手架开发,集成eslint,ui库,request请求,ts,支持vue2, vue3
    期望你的收获前端工程化中脚手架的整体设计和结构能够自己独立为企业定制一套前端脚手架背景开发新项目遇到的问题开发时间短要求技术栈完整辅助功能完善针......
  • allure标题样式错乱处理
    今天使用allure生成测试报告,感觉标题很不美观,查阅资料使用以下方法解决不美观的报告标题:  解决方法:找到这个py文件,小改源码   就是把这个方法直接返回空列......
  • vue实现app页面切换效果
    pageAninmatevue-router实现webApp切换效果快速集成1.复制PageTransittion.vue到项目目录。2.修改router配置。Router.prototype.goBack=function(){this.isB......
  • vue devTools
    下载打开Chrome浏览器–>选择更多工具–>扩展程序–>打开开发者模式,点击“加载已解压的扩展程序”,选择下载并解压出来的文件夹。如果看不到“加载已解压的扩展程序…”......
  • Django+vue 上传execl文件并解析
    Django+vue上传execl文件并解析VUE<template><el-buttontype="primary"class="but_list_but1"><inputtype="file"name="avatar"id="avatar"style="display......
  • 从0搭建Vue3组件库(三): 组件库的环境配置
    本篇文章将在项目中引入typescript,以及手动搭建一个用于测试组件库组件Vue3项目因为我们是使用Vite+Ts开发的是Vue3组件库,所以我们需要安装typescript、vue3,同......
  • npm vue-router安装报错
    因为2022年2月7日以后,vue-router的默认版本,为4版本,而且vue-router4,只能在vue3中,只有vue-router3中,能用在vue2中如果把vue-router4强制安装到vue2中,则会报上面的错误;解......