vue设置body样式不生效

desongzhang

于 2021-06-09 19:47:33 发布

阅读量4.1k

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/desongzhang/article/details/117752937

版权

vue 专栏收录该内容

5 篇文章

订阅专栏

去掉scoped 属性，这个表示它的样式作用于当下的组件，使得该css样式不影响到其他组件或本组件的子组件，也保护的本组件的样式不受其他组件影响。

<style lang="less" >
@import "./assets/css/reset.css";

@import "./assets/iconfont/iconfont.css";
// 滚动条样式
/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 5px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 0, 0, 0.4);
}
body {
  background-color: rgb(218, 218, 216);
}
}
</style>