修改滚动条的样式

<style>.innerbox{overflow-y: auto;background-color: #f8f8f8;height: 200px;padding: 10px;}.innerbox::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/height: 4px;scrollbar-arrow-color:red;}.innerbox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}.innerbox::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}</style>

 

转载于:https://www.cnblogs.com/150536FBB/p/11493166.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/447846.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

2014年广州科目三道路驾驶技能考试/广汕路科目三路考系统操作和评判指南

2014年广州科目三道路驾驶技能考试/广汕路科目三路考系统操作和评判指南

一 上车准备 上车准备操作要点&#xff1a; 绕车一周&#xff0c;观察车辆外观和周围环境&#xff0c;确认安全。 考生绕车一周&#xff0c;检查轮胎气压、轮胎磨损情况、轮胎螺栓有无松动&#xff0c;检查有无漏水、漏油等情况&#xff0c;车辆外观有无凹凸等碰撞情况&…
阅读更多...
滚动条插件nicescroll的使用

滚动条插件nicescroll的使用

https://www.hangge.com/blog/cache/detail_1931.html 使用&#xff1a; 需要引入jQuery插件和 jquery.nicescroll.js插件 修改滚动条&#xff1a; $("#thecondMenu_container").niceScroll({ 　　cursorcolor: "#b3b3b3", 　　background: "#eee&quo…
阅读更多...
Bootstrap 中： data-toggle 与 data-target 的作用

Bootstrap 中： data-toggle 与 data-target 的作用

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 <buttontype"button"class"update-button"style"width:70px; height:40px;"data-toggle"modal&…
阅读更多...
JS动态添加、删除classl类

JS动态添加、删除classl类

添加&#xff1a;document.getElementById("id").classList.add("className")&#xff1b; 删除&#xff1a;document.getElementById("id").classList.remove("className")&#xff1b; jQuery版的添加和删除class类 $(" "…
阅读更多...
人生有三件事不可俭省

人生有三件事不可俭省

无论世界变得如何奢华&#xff0c;我还是喜欢俭省。这已经变得和金钱没有很密切的关系&#xff0c;只是一个习惯。我这样说&#xff0c;实在是因为俭省的机会其实很廉价&#xff0c;俯拾即是遍地滋生。比如不论牙膏管子多么丰满&#xff0c;但你只能在牙刷毛上挤出1.5到2厘米的…
阅读更多...
MyBatis : Mapper 接口以及 Example 使用实例、详解

MyBatis : Mapper 接口以及 Example 使用实例、详解

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 一、mapper接口中的方法解析 mapper接口中的函数及方法 方法 功能说明 int countByExample(UserExample example) thorws SQLExcept…
阅读更多...
《学习R》笔记：科学计算器、检查变量和工作区、向量、矩阵和数组、列表和数据框...

《学习R》笔记：科学计算器、检查变量和工作区、向量、矩阵和数组、列表和数据框...

一、第二章 科学计算器 要检查两个数字是否一样&#xff0c;要使用 all.equal() ,不要使用 &#xff0c; 符号仅用于比较两个整型数是否存在相同 。 > all.equal(sqrt(2)^2,2) [1] TRUE > all.equal(sqrt(2) ^ 2,3) [1] "Mean relative difference: 0.5" >…
阅读更多...
VUE 解决：Method “xxx“ has already been defined as a data property.

VUE 解决：Method “xxx“ has already been defined as a data property.

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 1.调用方法报错&#xff1a; Method "changePage" has already been defined as a data property. 代码写法&#xff1a; 2…
阅读更多...
尽早理财的8个思维

尽早理财的8个思维

理财并不单纯的是指通过技巧加经验去让自己手里的钱变成更多的钱&#xff0c;还包括一种思维方式。一个真正的理财高手&#xff0c;思维模式和他人不同。这些人好像天生为了赚钱而生&#xff0c;但我们在羡慕的同时可以将他们的思维拿来借鉴&#xff0c;培养适合自己的理财思维…
阅读更多...
解决：java.lang.NoSuchMethodException: gentle.entity.User.＜init＞()

解决：java.lang.NoSuchMethodException: gentle.entity.User.＜init＞()

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 1. 运行程序报错&#xff1a; java.lang.NoSuchMethodException: gentle.entity.User.<init>() 2. 原因和解决&#xff1a; 我…
阅读更多...
【转】R函数-diag()函数

【转】R函数-diag()函数

版权声明&#xff1a;本文为博主原创文章&#xff0c;遵循 CC 4.0 BY-SA 版权协议&#xff0c;转载请附上原文出处链接和本声明。本文链接&#xff1a;https://blog.csdn.net/lili_wuwu/article/details/51909229 diag()提取或替换一个矩阵的对角线,或构造一个对角矩阵。 语法&…
阅读更多...
赚钱的8大定律

赚钱的8大定律

赚钱一定有方法&#xff0c;每个人有志于创业的人都应该分析一下&#xff0c;什么生意你最适合做&#xff0c;什么事情你最擅长&#xff0c;自然就是你容易收获的。 8条赚钱定律&#xff1a; 赚钱第一定律&#xff1a;你要做羊&#xff0c;还是做狼&#xff1f; 永远是10%的人…
阅读更多...
C# 模拟Windows键盘事件

C# 模拟Windows键盘事件

发送键盘消息 1 [DllImport("user32.dll", EntryPoint "keybd_event", SetLastError true)] 2 public static extern void keybd_event( 3 byte bVk, //虚拟键值 4 byte bScan,// 一般为0 5 int…
阅读更多...
js 验证用户输入的是否为数字、检查只能为数字

js 验证用户输入的是否为数字、检查只能为数字

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 方法一 如果判断输入的是否是数字&#xff0c;如果不是数字弹出一个提示&#xff1a;简易代码如下&#xff1a;<body> <input …
阅读更多...
修炼你自己

修炼你自己

一、保持沉稳&#xff08;1&#xff09;不要随便显露你的情绪。&#xff08;2&#xff09;不要逢人就诉说你的困难和遭遇。&#xff08;3&#xff09;在征询别人的意见之前&#xff0c;自己先思考&#xff0c;但不要先讲。&#xff08;4&#xff09;不要一有机会就唠叨你的不满…
阅读更多...
C# 动态加载资源

C# 动态加载资源

在xaml中控件通过绑定静态资源StaticResource来获取样式Style有多种方式&#xff0c;TextBlockStyle.xaml是一个ResourceDictionary&#xff0c;包含了所需样式 通过相对路径引用 通过后台代码向当前程序的资源中动态添加&#xff0c;代码如下&#xff1a; 1 ResourceDicti…
阅读更多...
中医3个不花钱的养肾方

中医3个不花钱的养肾方

深呼吸可通过肺肾的相互作用&#xff0c;对肾起到温煦的效果。 肾为先天之本。如果先天不足&#xff0c;后天失养&#xff0c;就会出现肾精亏虚、肾阳虚衰、肾阴亏虚等证。男女老幼都可能肾虚&#xff1a;小儿肾虚&#xff0c;生长发育迟缓&#xff0c;智力低下;中青年肾虚&…
阅读更多...
ACM-ICPC 2018 徐州赛区网络预赛　I. query　树状数组

ACM-ICPC 2018 徐州赛区网络预赛　I. query　树状数组

I. query 题目链接&#xff1a; Problem Description Given a permutation \(p\) of length \(n\), you are asked to answer \(m\) queries, each query can be represented as a pair \((l ,r )\), you need to find the number of pair \((i ,j)\) such that \(l \le i <…
阅读更多...
内容分发网络（CDN） 是什么

内容分发网络（CDN） 是什么

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 技术原理解说见另一文&#xff1a;https://blog.csdn.net/jiangyu1013/article/details/88795690 内容分发网络 &#xff08;英语&…
阅读更多...
7种方法让你养出干净的肺

7种方法让你养出干净的肺

世界卫生组织(WHO)近日公布的全球1081个城市采集的空气质量数据显示&#xff0c;空气中可吸入颗粒物(PM10)含量最少的前50个城市几乎被加拿大和美国包揽。中国北京&#xff0c;兰州等城市都是重灾区。生活在很多大中型城市&#xff0c;除了空气污染外&#xff0c;香烟、油烟、工…
阅读更多...
最新文章

Copyright @ 2022~2023