首页 > 其他分享 >Vue3 ,html 修改滚动条样式

Vue3 ,html 修改滚动条样式

时间:2023-05-29 21:44:40浏览次数:41  
标签:body background 滚动条 html radius scrollbar Vue3 webkit

/* 滚动条 */
body *::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
body *::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 2px;
}
body *::-webkit-scrollbar-thumb {
  background: rgb(205, 206, 206);

  border-radius: 10px;
}
body *::-webkit-scrollbar-thumb:hover {
  background: #333;
}
body *::-webkit-scrollbar-corner {
  background: #fff;
}

标签:body,background,滚动条,html,radius,scrollbar,Vue3,webkit
From: https://www.cnblogs.com/pphboy/p/17441747.html

相关文章

  • Vue横向滚动条拖动事件
    <template><divclass="scroll-container"ref="scrollContainer"v-on:mousedown="handleMouseDown"v-on:mousemove="handleMouseMove"v-on:mouseup="handleMouseUp"><div......
  • tailwindcss在使用cdn引入静态html的时候,使用vscode代码提示
    原文:Hey!TheIntellisenseextensiondoesneedaconfigfiletoworktoday.Iwouldsuggestcreatingoneinyourprojectroottoenabletheextension.Anemptyfilewillworkjustfineforthiscaseifthedefaultssuityourneeds.Ifyouwanttocustomiz......
  • Vue3+TS后台项目笔记
    Date:2023-05-2917:56:27Author:GavinPS:不喜欢做复制粘贴,这篇笔记只是简写关键P1~12Vue3中的通信方式props父=>子传的为不可变数据自定义事件子=>父全局事件总线任意组件mitt实现v-model父<=>子写在组件标签上,实现props和自定义事件ref子=>父子组件需e......
  • 三种隐藏 HTML 元素的方式 ----记录
    在网页应用中,显示/隐藏某个元素或组件是一件经常要做的事情,尤其是在目前比较流行的单页应用中。总体而言,有3种方式来实现CSS的display:none;CSS的visibility:hidden;HTML5的hidden属性(boolean)它们之间有相同点和不同点。相同点很简单,都能使添加了这个属性的元......
  • html数据处理
    实际工作中需要对html文件进行处理,处理要求:(1)所有的html保存在all目录。(2)通过python读取all目录下的html文件。(3)将html文件读取的内容保存在out.html中。第一个版本程序如下:importosfrombs4importBeautifulSoup#检查并创建output文件ifnotos.path.exists('out.txt'):......
  • vue3学习中使用vue-router@4的问题Invalid VNode type: undefined (undefined)
    首先是按照常规的箭头函数引入的方法,结果报一下错误,且页面报错constHelloWorld=()=>import('../components/HelloWorld.vue'); 解决办法import{defineAsyncComponent}from'vue'constHelloWorld=defineAsyncComponent(()=>import('../components/HelloWorld.vue......
  • java爬虫htmlunit模拟浏览器登录
    介绍刚学到了一种超实用的java爬虫技术htmlunit,先记录一下。htmlunit其实就是一个没有界面的浏览器,操作很简单,就像自己在使用浏览器。本文介绍其简单的几个操作,仅初学了解htmlunit。第一是模拟登录网站,第二是获取网页html源码。准备下载htmlunit的jar包,点击进入官网下载,下载后,里面......
  • vue3.0 study
    1、newVue->create(vue)2.03.02、setup函数是CompositionAPI(组合API)的入口<script>exportdefault{name:'App',setup(){letname='流星'letage=18//方法functionsay(){console.log(`我叫${name},今年${age}岁`......
  • 《HTML入门笔记2》
    HTML常用标签分别有:a标签、img标签、table标签、form标签、input标签等。a标签(特别常用)a标签即超级链接,又叫超链接。一个网站通常由多个页面构成,进入网站时首先看到的就是其首页,如果想从首页跳转至其他页面,就需要在首页相应的位置添加超级链接。a标签其基本语法格式如......
  • HTML
    域名---网址服务器---电脑网站网页的组成:1.结构---HTML2.表现---CSSW3C标准3.行为---JSJAVASCRIPT(与JAVA毫无关系)BOMECMA标准WEB1.HTML超文本标记语言2.XHTML可扩展超文本标记语言1.和2.区别?语法上更严格HTML5:HTML的第五次重大修改站点---day1cssimagesjsHTML基础1.命......