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

1条留言

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

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

留言: