请教下，新标签页快捷方式大小可以修改吗？

wudong

新标签页的快捷方式 图标太大了，看着难受，请问谁知道怎么修改那？

S8F8ry

可以在 User Data 文件夹(User Data 路径可以通过在浏览器中访问 chrome://version 查看"个人资料路径"找到)下新建一个 custom.css 文件，并写入以下内容：

1. #page-list .tile-page .launch-click-target {
   
2.   transform: scale(0.75, 0.75); /* 缩小至 75% */
   
3. }

复制代码

比例可以按需求自行修改，然后在 chrome://settings/cbCustomCss 中勾选加载自定义样式文件即可。

wudong

S8F8ry 发表于 2024-12-2 20:07
可以在 User Data 文件夹(User Data 路径可以通过在浏览器中访问 chrome://version 查看"个人资料路径"找到 ...

https://smms.app/image/zKZbho73vVgrDwS 这个是图片

可以修改这个空白处吗？还有快捷方式之间的间距。还想请教一个问题，就是我自定义了滚条样式，其他页面都剩下了，但是在新标签页会出现一个滚动条，取消不了。新标签页不需要翻页

wudong

1. /* 针对所有网页的滚动条样式 */
   
2. ::-webkit-scrollbar {
   
3.     width: 8px; /* 垂直滚动条的宽度 */
   
4.     height: 8px; /* 水平滚动条的高度 */
   
5. }
   
6. 
   
7. ::-webkit-scrollbar-track {
   
8.     background: #f0f0f0; /* 滚动条轨道颜色 */
   
9.     border-radius: 10px; /* 圆角 */
   
10. }
    
11. 
    
12. ::-webkit-scrollbar-thumb {
    
13.     background: linear-gradient(180deg, #888, #555); /* 滚动条滑块颜色，使用渐变效果 */
    
14.     border-radius: 10px; /* 圆角 */
    
15.     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加轻微的阴影效果 */
    
16. }
    
17. 
    
18. ::-webkit-scrollbar-thumb:hover {
    
19.     background: #333; /* 滚动条滑块悬停时的颜色 */
    
20. }
    
21. 
    
22. #page-list .tile-page .launch-click-target {
    
23.   transform: scale(0.80, 0.80); /* 缩小至 80% */
    
24. }

复制代码

我的配置custom.css

8978去二娃阿

wudong 发表于 2024-12-3 09:30
我的配置custom.css

效果不错哟

wudong

8978去二娃阿 发表于 2024-12-3 13:33
效果不错哟

就是在新标签页，滚动条因隐藏不了。

S8F8ry

wudong 发表于 2024-12-3 09:29
可以修改这个空白处吗？还有快捷方式之间的间距。还想请教一个问题，就是我自定义了滚条样式，其他页面都 ...

🤪 默认切出来的图标就是长这个样的，没法修改呀：





要不自定义图标网址或者上传一个：

1. https://qcc-static.qcc.com/resources/web/omaterial/favicon.png

复制代码

wudong

S8F8ry 发表于 2024-12-3 13:53
🤪 默认切出来的图标就是长这个样的，没法修改呀：

间距能修改吗？

S8F8ry

wudong 发表于 2024-12-3 09:29
可以修改这个空白处吗？还有快捷方式之间的间距。还想请教一个问题，就是我自定义了滚条样式，其他页面都 ...

至于新标签页里会出现一个滚动条，你可以试试添加以下样式：

1. .tile-page .tile-page-content {
   
2.   overflow-y: auto;
   
3. }

复制代码

wudong

S8F8ry 发表于 2024-12-3 13:57
至于新标签页里会出现一个滚动条，你可以试试添加以下样式：

1. /* 针对所有网页的滚动条样式 */
   
2. ::-webkit-scrollbar {
   
3.     width: 8px; /* 垂直滚动条的宽度 */
   
4.     height: 8px; /* 水平滚动条的高度 */
   
5. }
   
6. 
   
7. ::-webkit-scrollbar-track {
   
8.     background: #f0f0f0; /* 滚动条轨道颜色 */
   
9.     border-radius: 10px; /* 圆角 */
   
10. }
    
11. 
    
12. ::-webkit-scrollbar-thumb {
    
13.     background: linear-gradient(180deg, #888, #555); /* 滚动条滑块颜色，使用渐变效果 */
    
14.     border-radius: 10px; /* 圆角 */
    
15.     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加轻微的阴影效果 */
    
16. }
    
17. 
    
18. ::-webkit-scrollbar-thumb:hover {
    
19.     background: #333; /* 滚动条滑块悬停时的颜色 */
    
20. }
    
21. 
    
22. #page-list .tile-page .launch-click-target {
    
23.   transform: scale(0.80, 0.80); /* 缩小至 80% */
    
24. }
    
25. .tile-page .tile-page-content {
    
26.   overflow-y: auto;
    
27. }

复制代码

感谢啊，大佬快捷方式之间的间距能改吗？