改变iview,element ui默认样式,不影响全局

<style scoped>只作用于当前组件
<style>作用于全局
1、找到表格,右键检查元素

.ivu-table th {
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
    background-color: #f8f8f9;
}

2、到需要修改的页面

<style>
  .mytable .ivu-table th{
    background-color: black;
  }
</style>

说明,其他样式还是写在<style scoped>,此元素写在<style scoped>没有作用,写在<style>里面又会全部都修改。
给组件外面包一层,然后再选。注意的是,名字要取好,因为此时。mytable是全局
3、iview的modal遮罩层样式修改
class-name 设置对话框容器.ivu-modal-wrap的类名,可辅助实现垂直居中等自定义效果
全局style,因为.ivu-modal-wrap在body里面

<Modal class-name="test"><Modal>
<style> .test{background-color: #1890FF;}<style>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容