css 的::-webkit-scrollbar 设置水平和垂直滚动条的宽度

刺骨的言语ヽ痛彻心扉 2023-07-23 04:55 8阅读 0赞

关键代码：

![20200407093633939.png][]

结果：只能设置垂直滚动条的宽度。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70][]

## `那::-webkit-scrollbar` 如何设置水平滚动条宽度？？ ##

水平滚动条的宽度是由内容决定的，正确的说法是设置高度，直接 `height: 8px`

`代码： `

![20200407094153309.png][]

`效果：`

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70 1][]

`滚动条样式的所有代码： `

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70 2][]

[20200407093633939.png]: /images/20230528/67d90b33c4ea4e7f96b5b07a5c906f8c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70]: /images/20230528/9ffb4bea8b864fa1a0b356e50dc7b1fe.png
[20200407094153309.png]: /images/20230528/b2486424f9504bf5b5121a17beeb6a55.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70 1]: /images/20230528/71029a9ed7b3401c9958397aa2e5fb5f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTk4NjcyNg_size_16_color_FFFFFF_t_70 2]: /images/20230528/951b215c406f4c3d93e26cb399005eef.png

发表评论取消回复

表情：

评论列表（有 0 条评论，8人围观）

还没有评论，来说两句吧...

相关阅读

相关 css 的::-webkit-scrollbar 设置水平和垂直滚动条的宽度

关键代码： ![20200407093633939.png][] 结果：只能设置垂直滚动条的宽度。 ![watermark_type_ZmFuZ3poZW5naGVpd

刺骨的言语ヽ痛彻心扉/ 2023年07月23日 04:55/ 0 赞/ 9 阅读

相关 css设置滚动条样式

css设置滚动条样式先看效果图 ![70][] 附上效果图代码： 1. `1.style部分` 2. `<style>` 3. `/定义

约定不等于承诺〃/ 2022年12月28日 08:00/ 0 赞/ 191 阅读

相关 [CSS]垂直水平居中

垂直水平居中两种实现方式： 1. .box{ width:200px; height: 200px; backgrou

约定不等于承诺〃/ 2022年11月26日 04:58/ 0 赞/ 338 阅读

相关 CSS水平垂直居中

在实际前端开发中，我们会遇到让一些元素居中的情况，如水平居中、垂直居中或者水平垂直居中等等。CSS的表示方法有很多，现在小编在这里总结一下，以便开发的时候可以快

不念不忘少年蓝@/ 2022年11月12日 08:18/ 0 赞/ 358 阅读

相关 CSS 添加水平滚动条

> 属性： div \{ width:150px; height:150px; overflow:auto; \}　　overflow属性如下: > 　　auto：当此di

ゞ浴缸里的玫瑰/ 2022年09月10日 00:08/ 0 赞/ 290 阅读

相关 LinearLayout 垂直滚动条

activity中经常只是一个LinearLayout，但这样的话，如果activity内容超过一屏，无法滚动查看下面的内容。这时只需在外面嵌套一个ScrollView就可

系统管理员/ 2022年08月09日 15:56/ 0 赞/ 254 阅读

相关设置QtreeWidget水平滚动条

转载请注明出处：http://blog.csdn.net/neochan1108/article/details/78031710 //设置treewidget水平滚动条

我就是我/ 2022年06月08日 07:48/ 0 赞/ 788 阅读

相关【CSS】fixed绝对定位水平垂直居中不随滚动条而移动

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

ゞ浴缸里的玫瑰/ 2022年05月24日 23:07/ 0 赞/ 221 阅读

相关 css 垂直居中和水平居中

一、水平居中 1. 行内元素inline、inline-block 行内元素水平居中，直接在父盒子中设置`text-align:center` 2. 块元素

偏执的太偏执、/ 2022年03月14日 18:22/ 0 赞/ 420 阅读

相关设置jqGrid水平滚动条

1.html设置css样式 <style> .ui-jqgrid .ui-jqgrid-bdiv \{ border-

分手后的思念是犯贱/ 2021年09月27日 16:06/ 0 赞/ 618 阅读