vue或avue中怎样修改已有的css样式
1.通过F12或者在网页右击选中检测,找到自己想要更改的css样式标签,可以通过在网页临时更改样式来确定是否是你要改的标签,如下图(更改区域默认为白色)
2.找到后在在vue中加入,将你要改的css样式放在里面,记得在css样式前加入::v-deep,否则不会生效
<style lang="scss" scoped>
::v-deep .el-table th {
//背景颜色,最好在后面加入!important
background: rgb(5, 26, 131) !important;
//字体颜色
color: #fff;
//边框颜色
border: 1px solid rgb(5, 26, 131) !important;
//文字居中
text-align: center !important;
}
</style>
修改后样式