首页>Firefox 专区>Firefox 扩展、插件、脚本和样式>【已解决】求个隐藏书签栏书签图标的CSS
回复
« 返回列表
zzzxx
zzzxx
小狐狸
小狐狸
  • UID39321
  • 注册日期2013-03-29
  • 最后登录2015-01-25
  • 发帖数32
  • 经验50枚
  • 威望0点
  • 贡献值30点
  • 好评度3点
写私信
  • 社区居民
  • 忠实会员
阅读：3103回复：13

【已解决】求个隐藏书签栏书签图标的CSS

楼主#
更多 发布于：2014-07-06 16:01
求个css
1. 隐藏书签栏的书签图标，只保留文字，并且缩小文字
2.缩小书签栏的高度和书签边距

先谢谢！！！

忘了说版本号：31beta7


喜欢1

最新喜欢：

noHZIWernoHZIW... stairwaystairw...
回复
文科
文科
千年狐狸
千年狐狸
  • UID39959
  • 注册日期2013-10-17
  • 最后登录2019-07-27
  • 发帖数2069
  • 经验1328枚
  • 威望4点
  • 贡献值340点
  • 好评度256点
写私信
  • 最爱沙发
  • 社区居民
  • 忠实会员
1楼#
发布于：2014-07-06 17:42
/*hide label (ff3)*/
#personal-bookmarks toolbarbutton[image]>label,
/*hide default favicon (ff3)*/
#personal-bookmarks toolbarbutton:not([image])>image
{display:none!important}
应该可以
回复(1) 喜欢(1)
zzzxx
zzzxx
小狐狸
小狐狸
  • UID39321
  • 注册日期2013-03-29
  • 最后登录2015-01-25
  • 发帖数32
  • 经验50枚
  • 威望0点
  • 贡献值30点
  • 好评度3点
写私信
  • 社区居民
  • 忠实会员
2楼#
发布于：2014-07-06 18:51
文科：/*hide label (ff3)*/
#personal-bookmarks toolbarbutton>label,
/*hide default favicon (ff3)*/
#personal-bookmarks toolbar...回到原帖
相反效果了......只剩下图标 ！文字没了
回复(2) 喜欢(0)
fang5566
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-04-29
  • 发帖数18483
  • 经验4837枚
  • 威望5点
  • 贡献值4316点
  • 好评度1116点
写私信
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
3楼#
发布于：2014-07-06 18:56
zzzxx：相反效果了......只剩下图标 ！文字没了回到原帖
代码里面hide labe那个去掉
Firefox More than meets your experience
回复(1) 喜欢(0)
zzzxx
zzzxx
小狐狸
小狐狸
  • UID39321
  • 注册日期2013-03-29
  • 最后登录2015-01-25
  • 发帖数32
  • 经验50枚
  • 威望0点
  • 贡献值30点
  • 好评度3点
写私信
  • 社区居民
  • 忠实会员
4楼#
发布于：2014-07-06 19:07
fang5566：代码里面hide labe那个去掉回到原帖
/*hide label (ff3)*/
#personal-bookmarks toolbarbutton[image]>label,
这段去掉么？去掉没效果啊！！！
回复(0) 喜欢(0)
文科
文科
千年狐狸
千年狐狸
  • UID39959
  • 注册日期2013-10-17
  • 最后登录2019-07-27
  • 发帖数2069
  • 经验1328枚
  • 威望4点
  • 贡献值340点
  • 好评度256点
写私信
  • 最爱沙发
  • 社区居民
  • 忠实会员
5楼#
发布于：2014-07-06 19:22
zzzxx：相反效果了......只剩下图标 ！文字没了回到原帖
啊 弄错了
回复(1) 喜欢(0)
zzzxx
zzzxx
小狐狸
小狐狸
  • UID39321
  • 注册日期2013-03-29
  • 最后登录2015-01-25
  • 发帖数32
  • 经验50枚
  • 威望0点
  • 贡献值30点
  • 好评度3点
写私信
  • 社区居民
  • 忠实会员
6楼#
发布于：2014-07-06 20:05
文科：啊 弄错了回到原帖
那你再弄一个行么
回复(0) 喜欢(0)
alanfly
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
写私信
  • 社区居民
  • 最爱沙发
  • 忠实会员
7楼#
发布于：2014-07-06 20:24
试试这个。 
/*隐藏书签栏的书签图标*/
#PlacesToolbarItems toolbarbutton[class='bookmark-item']>.toolbarbutton-icon {display:none !important;}
/*缩小文字，书签边距 */
#PlacesToolbarItems toolbarbutton[class='bookmark-item'] {font-size-adjust:0.49 !important; margin-right:-5px !important;}
/*缩小书签栏的高度*/
#PersonalToolbar {padding:0px !important; margin:-4px 0px -4px 0px !important;}
回复(1) 喜欢(1)
zzzxx
zzzxx
小狐狸
小狐狸
  • UID39321
  • 注册日期2013-03-29
  • 最后登录2015-01-25
  • 发帖数32
  • 经验50枚
  • 威望0点
  • 贡献值30点
  • 好评度3点
写私信
  • 社区居民
  • 忠实会员
8楼#
发布于：2014-07-06 20:47
alanfly：试试这个。
/*隐藏书签栏的书签图标*/
#PlacesToolbarItems toolbarbutton>.toolbarbutton-icon {display:none !important;}
/*缩小文字，书签边距 ...回到原帖
给力！！要是能居中书签就完美了。。。例如上下边距和左右自动居中，不知道能不能实现哦！！！
回复(1) 喜欢(0)
alanfly
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
写私信
  • 社区居民
  • 最爱沙发
  • 忠实会员
9楼#
发布于：2014-07-06 21:38
zzzxx：给力！！要是能居中书签就完美了。。。例如上下边距和左右自动居中，不知道能不能实现哦！！！回到原帖
也可以。 
/*隐藏书签栏的书签图标*/
#PlacesToolbarItems toolbarbutton[class='bookmark-item']>.toolbarbutton-icon {display:none !important;}
/*缩小文字，书签边距 */
#PlacesToolbarItems toolbarbutton[class='bookmark-item'] {font-size-adjust:0.49 !important; margin-right:-5px !important;}
/*缩小书签栏的高度*/
#PersonalToolbar {padding:0px !important; margin:-4px 0px -4px 0px !important;}
/*书签栏书签居中*/
#PlacesToolbarItems {-moz-box-pack:center !important;}
回复(2) 喜欢(1)
zzzxx
zzzxx
小狐狸
小狐狸
  • UID39321
  • 注册日期2013-03-29
  • 最后登录2015-01-25
  • 发帖数32
  • 经验50枚
  • 威望0点
  • 贡献值30点
  • 好评度3点
写私信
  • 社区居民
  • 忠实会员
10楼#
发布于：2014-07-06 21:44
alanfly：也可以。
/*隐藏书签栏的书签图标*/
#PlacesToolbarItems toolbarbutton>.toolbarbutton-icon {display:none !important;}
/*缩小文字，书签边距 *...回到原帖
哈哈！！完美了！！谢谢大神！！！
回复(0) 喜欢(0)
zzzxx
zzzxx
小狐狸
小狐狸
  • UID39321
  • 注册日期2013-03-29
  • 最后登录2015-01-25
  • 发帖数32
  • 经验50枚
  • 威望0点
  • 贡献值30点
  • 好评度3点
写私信
  • 社区居民
  • 忠实会员
11楼#
发布于：2014-07-06 21:51
alanfly：也可以。
/*隐藏书签栏的书签图标*/
#PlacesToolbarItems toolbarbutton>.toolbarbutton-icon {display:none !important;}
/*缩小文字，书签边距 *...回到原帖
还再麻烦你一下啊！！请问能不能改变字体颜色呢？需要添加什么？我想改成灰色的！！也就是字体减淡！！！
回复(1) 喜欢(0)
alanfly
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
写私信
  • 社区居民
  • 最爱沙发
  • 忠实会员
12楼#
发布于：2014-07-06 22:25
zzzxx：还再麻烦你一下啊！！请问能不能改变字体颜色呢？需要添加什么？我想改成灰色的！！也就是字体减淡！！！回到原帖
颜色代码到画图里的取色器里或者网上也有。 
/*隐藏书签栏的书签图标*/
#PlacesToolbarItems toolbarbutton[class='bookmark-item']>.toolbarbutton-icon {display:none !important;}
/*缩小文字，书签边距 */
#PlacesToolbarItems toolbarbutton[class='bookmark-item'] {font-size-adjust:0.49 !important; margin-right:-5px !important;}
/*缩小书签栏的高度*/
#PersonalToolbar {padding:0px !important; margin:-4px 0px -4px 0px !important;}
/*书签栏书签居中*/
#PlacesToolbarItems {-moz-box-pack:center !important;}
/*文字颜色*/
#PlacesToolbarItems toolbarbutton[class='bookmark-item']>.toolbarbutton-text {color:#4F4F4F !important;}
回复(1) 喜欢(1)
zzzxx
zzzxx
小狐狸
小狐狸
  • UID39321
  • 注册日期2013-03-29
  • 最后登录2015-01-25
  • 发帖数32
  • 经验50枚
  • 威望0点
  • 贡献值30点
  • 好评度3点
写私信
  • 社区居民
  • 忠实会员
13楼#
发布于：2014-07-06 22:30
alanfly：颜色代码到画图里的取色器里或者网上也有。
/*隐藏书签栏的书签图标*/
#PlacesToolbarItems toolbarbutton>.toolbarbutton-icon {display:none !important;...回到原帖
终于完美咯！！再次表示感谢！！！
回复(0) 喜欢(0)
游客

关于FirefoxMozilla 技术支持谋智中国手机版(Beta)了解 Mozilla

返回顶部