首页 > 其他分享 >css 设置滚动条样式

css 设置滚动条样式

时间:2022-12-01 11:45:31浏览次数:41  
标签:样式 0.2 滚动条 scrollbar webkit div css

    /*设置滚动条样式*/
    div::-webkit-scrollbar {
        width: 4px;
    }
    div::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        opacity: 0.2;
        background: fade(@primary-color, 60%);
    }
    div::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: fade(@primary-color, 30%);
    }
    /*设置滚动条样式   end*/

div 是滚动条的容器 标签

标签:样式,0.2,滚动条,scrollbar,webkit,div,css
From: https://www.cnblogs.com/luo1240465012/p/16940947.html

相关文章

  • css 新技能
    让页面直接变黑白。.div{-webkit-filter:grayscale(100%);}细数那些惊艳一时的CSS属性https://mp.weixin.qq.com/s/HMLO6q99puII8fdgVqIaKw......
  • 整个页面代码置灰,css设置
    全民悲伤的日子,页面置灰的代码。 <styletype="text/css">html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-fil......
  • 用DevExpress实现基于HTML&CSS的桌面应用程序的UI(二)
    DevExpressWinForm拥有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。DevExpressWinForm能完美构建流畅、美观且易于使用的应用程序,无论是Office风......
  • css居中对齐
    转 css居中对齐需求:练习要求:       昵称: jojo学徒园龄: 5个月粉丝: 1关注: 1+加关注搜索  常用链接我的随笔我的评论我......
  • ArcGIS 批处理设置样式
    参考ArcMap图层样式批量设置originLayerName="blj-grid-runoff_第131小时.asc"mxd=arcpy.mapping.MapDocument(r"CURRENT")originLayer=arcpy.mapping.ListLa......
  • 一行css网站变灰色?
    上代码:-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:progid:DXImageTransform.Mic......
  • 如何使用 CSS filter 把整个网页快速切换成灰色主题 All In One
    如何使用CSSfilter把整个网页快速切换成灰色主题AllInOne为追思疫情中逝世的同袍们,在哀悼日这一天,好像整个世界都是灰色的。感觉最深应该就是这一天你打开任何主......
  • CSS支持tansition的属性
    color:通过红、绿、蓝和透明度组件变换(每个数值处理)如:background-color,border-color,color,outline-color等css属性;length:真实的数字如:word-spacing,width,verti......
  • 站点用css一键变灰色
    默哀站点变灰色效果看本站即可css代码如下<style>html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscal......
  • antd-design-vue的table中获取到其他列的数据,并添加样式
    获取其他列的数据{title:'价格(元)',align:"center",dataIndex:'',scopedSlots:{customRender:'price'},//customRender:(text,record)=>{......