html中怎么设置右侧加滚动条,浏览器右侧滚动条如何设置

浏览器旁边的滚动条，默认的可能太丑了，有些靓仔可能需要美化下，CSS代码如下：

/*控制浏览器滚动条代码*/

::-webkit-scrollbar {

width: 6px;

background-color: #fff;

}

::-webkit-scrollbar-track {

border-radius: 6px;

background-color: #fff;

}

::-webkit-scrollbar-thumb {

border-radius: 4px;

background-color: #0045ff;

}

*::-webkit-media-controls-start-playback-button {

display: none ;

-webkit-appearance: none;

}

*::-webkit-media-controls-panel {

display: none ;

-webkit-appearance: none;

}

*::--webkit-media-controls-play-button {

display: none ;

-webkit-appearance: none;

}

-webkit-scrollbar 是控制浏览器整体宽度

-webkit-scrollbar-thumb 是控制滑动条的背景颜色的

其他的自己慢慢试就行。

html中怎么设置右侧加滚动条,浏览器右侧滚动条如何设置相关推荐

UC浏览器电脑版怎么设置字体大小 UC浏览器字体设置教程
对于一些视力不好的小伙伴进行浏览网页的时候,要是浏览器的字体更大些的话看着就会轻松多了,下面小编就为你带来UC浏览器字体设置教程. UC浏览器电脑版怎么设置字体大小: 打开UC浏览器,点击" ...
浏览器的两种设置方法：本地的设置方法与静默设置
本地方法设置: #本地Chrome浏览器的可视模式设置 #从selenium库中调用webdriver模块 from selenium import webdriver #设置引擎为Chrome,真实 ...
360安全浏览器截图快捷键怎么设置 360安全浏览器截图快捷键设置教程
凭借在安全防护方面的特殊优势,360安全浏览器获得了不少PC用户的青睐,甚至还有人认为其是装机必备的软件之一.此外,360安全浏览器中还内置了不少实用的功能,例如:截图.翻译.网银等!当然,用户也可对 ...
vscode中打开浏览器的快捷键_VSCode设置默认打开的浏览器的方法
vscode怎么浏览器打开html文件?可以通过安装open in browser插件解决. 1.安装open in browser插件安装完点击重新加载 2.vscode怎么修改默认浏览器在安装 ...
如何在Windows中设置默认的Web浏览器
It's not an enjoyable experience when you click a link and the wrong browser loads. To avoid this ex ...
浏览器中禁用某些js加载_禁用加载项以加快Internet Explorer 9中的浏览
浏览器中禁用某些js加载 We've shown you how to enhance Internet Explorer with add-ons, similar to Firefox and C ...
在网页中的flash游戏，按方向键浏览器的滚动条会跟着滚动
今天总算把这个困扰我N久的问题给解决了,在我的flash游戏<牧场物语>中有方向键操作,但是在按上下方向键的时候浏览器右边的滚动条跟着滚动,也一上一下的,弄的我头晕,还让不让人活啊,今天终 ...
此计算机中未配置默认浏览器,飞火浏览器设置默认浏览器失败了怎么办-飞火浏览器设置默认浏览器的方法 - 河东软件园...
飞火浏览器是一款很多用户都在使用的浏览器,在这款浏览器中我们可以体验到谷歌浏览器的界面,但是功能确实不一样的.这款浏览器很适合大家使用,在浏览器大家可以轻松的导入其他浏览器的书签,甚至可以对浏览器的功 ...
波浪下划线怎么设置_如何在word中的文字下面加波浪线
公告: 为响应国家净网行动,部分内容已经删除,感谢读者理解. 话题:如何在word中的文字下面加波浪线?并让波浪线起伏大些?回答:要更大的波浪线怕只能用"入"图片了:入图片--绘制 ...

html中怎么设置右侧加滚动条,浏览器右侧滚动条如何设置

html中怎么设置右侧加滚动条,浏览器右侧滚动条如何设置相关推荐

最新文章

热门文章