vue 设置滚动条样式

vue 设置滚动条样式//在index文件中/* @charset "utf-8"; */::-webkit-scrollbar {width: 5px;}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, 0.1);}/*定义滑块内阴影+

你的眼睛會笑

3077人浏览 · 2020-07-07 16:30:17

你的眼睛會笑 · 2020-07-07 16:30:17 发布

vue 设置滚动条样式

在这里插入图片描述

    //在index文件中
    /* @charset "utf-8"; */
    ::-webkit-scrollbar {
      width: 5px;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
      border-radius: 10px;
      background-color: rgba(0, 0, 0, 0.1);
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(26, 25, 25, 0.3);
      background-color: rgba(0, 0, 0, 0.1);
    }

搞定…

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^