kmc
kmc
管理员
管理员
  • UID165
  • 注册日期2004-11-25
  • 最后登录2022-09-22
  • 发帖数9186
  • 经验397枚
  • 威望1点
  • 贡献值124点
  • 好评度41点
  • 忠实会员
  • 终身成就
  • 社区居民
阅读:4183回复:8

[已解决]地址栏下拉菜单的长度怎么改?

楼主#
更多 发布于:2007-11-03 00:00
看图就知道,在3.0中我给一堆书签打了Tag之后,输入跟Google有关的Tag,出来的选项太多,地址栏下拉菜单的长度不够看的。能不能改长一点,最好是跟屏幕一样高(  )

我想应该是userchrome.css中加入些什么,但在网上搜索不到,我想顺便问问有没有详细的教程来传授修改userchrome的,css语言嘛,对照着猜猜或许能学会,但相应的键名是从哪里学来的呢?比方说下面的代码:
.textbox-input-box {
font-family: lucida grande, lucida grande !important;
font-weight: normal !important;
font-size: 9pt !important;
margin-bottom: 1px !important;
}

.searchbar-engine-image {
margin-bottom: -1px !important;
}

其中.textbox-input-box 和.searchbar-engine-image 是在哪个帮助文档中解释过的吗?谢谢
Waterfox Current和Firefox Nightly都用,逐渐走出XUL扩展依赖
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-05-09
  • 发帖数18483
  • 经验4837枚
  • 威望5点
  • 贡献值4316点
  • 好评度1116点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
1楼#
发布于:2007-11-03 00:00
键名用dom inspector来查找!

以 don inspector 为关键字搜索论坛,找到:
https://www.firefox.net.cn/newforum/view ... +inspector


里面有一些简单的用法,图片由于是my.opera.com的,被封锁了,所以看不见!
Firefox More than meets your experience
kmc
kmc
管理员
管理员
  • UID165
  • 注册日期2004-11-25
  • 最后登录2022-09-22
  • 发帖数9186
  • 经验397枚
  • 威望1点
  • 贡献值124点
  • 好评度41点
  • 忠实会员
  • 终身成就
  • 社区居民
2楼#
发布于:2007-11-03 00:00
fang5566:键名用dom inspector来查找!

以 don inspector 为关键字搜索论坛,找到:
https://www.firefox.net.cn/newforum/view ... +inspector


里面有一些简单的用法,图片由于是my.opera.com的,被封锁了,所以看不见!
回到原帖


实在找不到……那个菜单点开后,一切换到Dom inspector就自动关闭了,没办法从Dom Inspector里面选定它,分析它周边的各个元素都没发现有控制这个高度的值(量了一下大概有255px)。
Waterfox Current和Firefox Nightly都用,逐渐走出XUL扩展依赖
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-05-09
  • 发帖数18483
  • 经验4837枚
  • 威望5点
  • 贡献值4316点
  • 好评度1116点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
3楼#
发布于:2007-11-03 00:00
仍旧是用dom inspector来确定这个selector:点击domi那个查找节点的按钮,切换到ff界面,然后F6定位到地址栏,输入一个字母比如s,则打开地址栏s开头所有网址的下拉菜单,这时候再用鼠标点击下拉菜单区域,即可在domi中看到下拉菜单的dom 结构!

从domi中可以看出这个下拉菜单的selector的class属性为autocomplete-treebody,则据此设定最小高度为800px(也可以设置最大高度),推荐使用stylish扩展编写css,可以立即显示效果:
.autocomplete-treebody{min-height:800px !important;}





记住使用domi来查找ff界面的结构的时候,点击一下鼠标就直接显示dom结构了,所以在你定位到你要查找的项目之前不能点击鼠标,因此必须使用键盘操作。再举个例子,如果你要查找工具菜单下的“选项”这项的selector到底是什么,在点击domi那个查找节点的按钮,切换到ff界面后必须按ALT+T弹出工具菜单的下拉菜单,光标定位到“选项”,此时才能按下鼠标,并显示在domi窗口中,可以看到选项这项的id为menu_preferences,因此selector为#menu_preferences

PS:郁闷,居然家里人要用我的ff来看六x彩!
由于不能误导大众,所以不公布六x彩网址!  
Firefox More than meets your experience
kmc
kmc
管理员
管理员
  • UID165
  • 注册日期2004-11-25
  • 最后登录2022-09-22
  • 发帖数9186
  • 经验397枚
  • 威望1点
  • 贡献值124点
  • 好评度41点
  • 忠实会员
  • 终身成就
  • 社区居民
4楼#
发布于:2007-11-03 00:00
原来是这样的操作技法!学习了

另外这个min-height是怎么判断出来的?我在右边的框中切换到“Object - Computed Style”,看到一大堆的变量,为什么不是height(默认为180px)而是这个min-height(默认为0px)?这个要靠猜不?
Waterfox Current和Firefox Nightly都用,逐渐走出XUL扩展依赖
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-05-09
  • 发帖数18483
  • 经验4837枚
  • 威望5点
  • 贡献值4316点
  • 好评度1116点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
5楼#
发布于:2007-11-03 00:00
切换到右边应该看CSS Style!
你可以设定height为多少像素,我这里只是设定最小高度是多少。举个例子罢了!
Firefox More than meets your experience
web123lai
千年狐狸
千年狐狸
  • UID8036
  • 注册日期2005-08-17
  • 最后登录2019-05-01
  • 发帖数4225
  • 经验13枚
  • 威望1点
  • 贡献值20点
  • 好评度10点
  • 社区居民
6楼#
发布于:2007-11-03 00:00
学习了,也是没折腾出来
idragonet
千年狐狸
千年狐狸
  • UID15658
  • 注册日期2006-11-12
  • 最后登录2017-11-15
  • 发帖数2642
  • 经验162枚
  • 威望1点
  • 贡献值74点
  • 好评度118点
  • 社区居民
7楼#
发布于:2007-11-03 00:00
fang5566:仍旧是用dom inspector来确定这个selector:点击domi那个查找节点的按钮,切换到ff界面,然后F6定位到地址栏,输入一个字母比如s,则打开地址栏s开头所有网址的下拉菜单,这时候再用鼠标点击下拉菜单区域,即可在domi中看到下拉菜单的dom 结构!

从domi中可以看出这个下拉菜单的selector的class属性为autocomplete-treebody,则据此设定最小高度为800px(也可以设置最大高度),推荐使用stylish扩展编写css,可以立即显示效果:
.autocomplete-treebody{min-height:800px !important;}





记住使用domi来查找ff界面的结构的时候,点击一下鼠标就直接显示dom结构了,所以在你定位到你要查找的项目之前不能点击鼠标,因此必须使用键盘操作。再举个例子,如果你要查找工具菜单下的“选项”这项的selector到底是什么,在点击domi那个查找节点的按钮,切换到ff界面后必须按ALT+T弹出工具菜单的下拉菜单,光标定位到“选项”,此时才能按下鼠标,并显示在domi窗口中,可以看到选项这项的id为menu_preferences,因此selector为#menu_preferences

PS:郁闷,居然家里人要用我的ff来看六x彩!
由于不能误导大众,所以不公布六x彩网址!  
回到原帖




我在userChrome.css加入“.autocomplete-treebody{min-height:800px !important;}”无效的?  长度还是没有改变,请指导一下。
idragonet
千年狐狸
千年狐狸
  • UID15658
  • 注册日期2006-11-12
  • 最后登录2017-11-15
  • 发帖数2642
  • 经验162枚
  • 威望1点
  • 贡献值74点
  • 好评度118点
  • 社区居民
8楼#
发布于:2007-11-03 00:00
用DOM inspector和InspectorWidget 跟踪搞定啦!!


#PopupAutoCompleteRichResult{
height:600px !important;
}
游客

返回顶部