<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>