秋月萌
小狐狸
小狐狸
  • UID24931
  • 注册日期2008-06-21
  • 最后登录2019-04-09
  • 发帖数24
  • 经验27枚
  • 威望0点
  • 贡献值26点
  • 好评度0点
阅读:201回复:3

請問有辨法用CSS 在分頁列右側新增這些功能?

楼主#
更多 发布于:2019-04-07 07:51
請問有辨法用CSS 在分頁列右側新增這些功能?
1.捲動按鈕固定在分頁列右側
2.新增分頁按鈕固定在分頁列右側
3.關閉分頁按鈕固定在分頁列右側
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2019-04-25
  • 发帖数18247
  • 经验4601枚
  • 威望5点
  • 贡献值4232点
  • 好评度1024点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
1楼#
发布于:2019-04-08 22:53
1、滚动按钮可以试试这个 CSS(添加到 userChrome.css 文件里面),我这里的修改只能显示出来,但是按钮灰色无法点击,只有等到标签页的数量足够多了,才可以左右按钮才会工作。

#TabsToolbar .arrowscrollbox-overflow-start-indicator {
 
  visibility: visible !important;
  
  -moz-box-ordinal-group: 0 !important;
}

#TabsToolbar .arrowscrollbox-scrollbox {
 
  visibility: visible !important;
  
  -moz-box-ordinal-group: 1 !important;
}

#TabsToolbar .arrowscrollbox-overflow-start-indicator {
  
  visibility: visible !important;
  
  -moz-box-ordinal-group: 2 !important;
}

#TabsToolbar .scrollbutton-up {
 
  visibility: visible !important;
  
  -moz-box-ordinal-group: 3 !important;
}
#TabsToolbar .scrollbutton-down {
  
  visibility: visible !important;
  
  -moz-box-ordinal-group: 4 !important;
}



2、新建标签页显示在最右侧
#new-tab-button {
  visibility: visible !important;
  -moz-box-ordinal-group: 5 !important;
}

.tabs-newtab-button {
  visibility: collapse !important;
}
 

3、标签页关闭按钮似乎只能在标签页内部决定是否显示,显示在哪里,似乎并不能将其移动到标签栏最右侧。或者有办法,但我不了解。


如果也需要列出所有标签页的按钮,可以用这个:
#alltabs-button{
  visibility: visible !important;
}

这几个按钮的排列顺序可以通过上面 -moz-box-ordinal-group: 5 !important; 调整这个数字。


PS:我对 CSS 了解不多,如果要进一步个性化调整,恐怕我能帮上的不多。
Firefox More than meets your experience
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2019-04-25
  • 发帖数18247
  • 经验4601枚
  • 威望5点
  • 贡献值4232点
  • 好评度1024点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
2楼#
发布于:2019-04-08 23:09
所有关于界面的定制,只需要看 aris 的 github 里面提供的,自己研究修改一下就好:
https://github.com/Aris-t2/CustomCSSforFx/releases
Firefox More than meets your experience
秋月萌
小狐狸
小狐狸
  • UID24931
  • 注册日期2008-06-21
  • 最后登录2019-04-09
  • 发帖数24
  • 经验27枚
  • 威望0点
  • 贡献值26点
  • 好评度0点
3楼#
发布于:2019-04-09 02:07
非常感謝,幫了大忙
游客

返回顶部