zzzxx
小狐狸
小狐狸
  • UID39321
  • 注册日期2013-03-29
  • 最后登录2015-01-25
  • 发帖数32
  • 经验50枚
  • 威望0点
  • 贡献值30点
  • 好评度3点
  • 社区居民
  • 忠实会员
阅读:3039回复:13

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

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

先谢谢!!!

忘了说版本号:31beta7


最新喜欢:

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}
应该可以
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...
回到原帖
相反效果了......只剩下图标 !文字没了
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-04-11
  • 发帖数18482
  • 经验4836枚
  • 威望5点
  • 贡献值4316点
  • 好评度1115点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
3楼#
发布于:2014-07-06 18:56
zzzxx:相反效果了......只剩下图标 !文字没了回到原帖
代码里面hide labe那个去掉
Firefox More than meets your experience
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,
这段去掉么?去掉没效果啊!!!
文科
千年狐狸
千年狐狸
  • UID39959
  • 注册日期2013-10-17
  • 最后登录2019-07-27
  • 发帖数2069
  • 经验1328枚
  • 威望4点
  • 贡献值340点
  • 好评度256点
  • 最爱沙发
  • 社区居民
  • 忠实会员
5楼#
发布于:2014-07-06 19:22
zzzxx:相反效果了......只剩下图标 !文字没了回到原帖
啊 弄错了
zzzxx
小狐狸
小狐狸
  • UID39321
  • 注册日期2013-03-29
  • 最后登录2015-01-25
  • 发帖数32
  • 经验50枚
  • 威望0点
  • 贡献值30点
  • 好评度3点
  • 社区居民
  • 忠实会员
6楼#
发布于:2014-07-06 20:05
文科:啊 弄错了回到原帖
那你再弄一个行么
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度98点
  • 社区居民
  • 最爱沙发
  • 忠实会员
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;}
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;}
/*缩小文字,书签边距 ...
回到原帖
给力!!要是能居中书签就完美了。。。例如上下边距和左右自动居中,不知道能不能实现哦!!!
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度98点
  • 社区居民
  • 最爱沙发
  • 忠实会员
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;}
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;}
/*缩小文字,书签边距 *...
回到原帖
哈哈!!完美了!!谢谢大神!!!
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;}
/*缩小文字,书签边距 *...
回到原帖
还再麻烦你一下啊!!请问能不能改变字体颜色呢?需要添加什么?我想改成灰色的!!也就是字体减淡!!!
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度98点
  • 社区居民
  • 最爱沙发
  • 忠实会员
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;}
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;...
回到原帖
终于完美咯!!再次表示感谢!!!
游客

返回顶部