在Firefox下个性化Autoscroll图标

熟悉Firefox的人应该都知道,当你在页面上单击鼠标中键的时候,就可以启动Firefox的Autoscroll功能,并且在页面上会出现一个提示图标,如下图:

如果你在Sitepoint上单击鼠标中键,就会发现原来这个图标是可以由前端开发人员个性化的:

其实,当你在单击鼠标中间后,Firefox会在页面的<body>之后插入了一个<img />标签:

再看看Sitepoint是如何修改这个图标的:


html>img /* autoscroll override for Firefox */
{
width: 0!important;
height: 28px!important;
padding-left: 28px!important;
background: url(/images/icons/autoscroll2.png);
}

因为一般开发者不会把img元素直接放在html元素下,所以,将html > img的背景变为需要个性化的图片就好了。

9条留言

  1. aoao - January 5th, 2008 at 23:06

    我记得好久前old9也有写过。。最早好像是Firefox社区的版主发现滴~

  2. QQ游戏 - November 4th, 2008 at 12:36

    哇噻
    这风格够简单的!

  3. 钢铁价格 - December 9th, 2008 at 21:12

    好简单的风格,基本没有图片类元素!

  4. 福清 - April 7th, 2009 at 1:48

    不能个性化光标很烦

  5. yiteng - August 15th, 2009 at 23:31

    1. 页面右上角竟然不是回到首页的链接!

    2. RSS输出的竟然不是post,而是分享!

  6. March - August 15th, 2009 at 23:46

    @yiteng
    1. 不是吗?
    2. 输出的是post+分享,只是因为一年半没有新post了…… orz

  7. Jeffrey Qi - February 9th, 2010 at 15:03

    It is very interesting. I like it!
    plus me:qijianfeng.disney@gmail.com
    or
    qijianfeng.dc@sohu.com

  8. 3g培训 - April 28th, 2010 at 14:02

    再来看看。上班没事干。还是希望看到新文章

  9. Cici - September 8th, 2010 at 16:43

    怎么在Linkedin上加不了你啊?

留言: