在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条留言
我记得好久前old9也有写过。。最早好像是Firefox社区的版主发现滴~
留言: