<style> ::-webkit-scrollbar-thumb { background:#419be3; //滚动条颜色 border-radius: 4px; }::-webkit-scrollbar-track { background: #021c75 ; //背景颜色}</style>
idea
设置
成黑暗背景的时候,console的
滚动条
很暗,一直都找不到,去网上搜了搜都是什么鼠标滚轮加shift滚动,一点也不实用,今天看到了个不错的方法,自己试了试很不错:
在IntelliJ IDEA中打开
设置
Settings | Editor | Color Scheme(在MacOS:Preferences | Editor | Color Scheme)
按下右侧的齿轮以选择方案...
要
设置
滚动条
的
背景颜色
,你可以使用 CSS 来实现。具体的步骤如下:
1. 首先,选定你想要
设置
滚动条
样式的元素。可以是整个页面的
滚动条
,也可以是特定区域的
滚动条
。
2. 使用 `::-webkit-
scroll
bar` 选择器来选择
滚动条
本身,然后
设置
`background-color`
属性
来
修改
背景颜色
。例如,你可以将
滚动条
的
背景颜色
设置
为红色:
```css
::-webkit-
scroll
bar {
background-color: red;
3. 如果你还想要
设置
滚动条
上滑块的
背景颜色
,可以使用 `::-webkit-
scroll
bar-thumb` 选择器来选择滑块,并
设置
`background-color`
属性
。例如,将滑块的
背景颜色
设置
为蓝色:
```css
::-webkit-
scroll
bar-thumb {
background-color: blue;
4. 最后,你可以使用 `::-webkit-
scroll
bar-track` 选择器来选择
滚动条
的轨道,并
设置
`background-color`
属性
来
修改
轨道的
背景颜色
。例如,将轨道的
背景颜色
设置
为绿色:
```css
::-webkit-
scroll
bar-track {
background-color: green;
请注意,这些样式只适用于支持 WebKit 内核的浏览器(如 Chrome、Safari 等),其他浏览器可能需要使用不同的选择器和
属性
来实现类似效果。