在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的背景变为需要个性化的图片就好了。

4条留言

  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

    不能个性化光标很烦

留言: