HTML & CSS
Article
By Alex Walker

Customizing the Autoscrolling Icon

By Alex Walker
Last chance to win! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

Here’s one from the ‘you could, though you probably wouldn’t, but it’s nice to know you can department.

Tom was playing around with FireFox yesterday and came to the realization that the auto-scroll icon is actually inserted dynamically into the document’s HTML, but outside the HEAD and BODY — meaning it’s still within the clutches of our evil CSS.

--ADVERTISEMENT--

Mwha Ha Ha HA!!

Try clicking your middle mouse button anywhere onscreen in FireFox 1+ to see the results.

Here’s the CSS:

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

In reality this is a known bug, so can’t really be relied on into the future (though it’s been around for a long time), but if your client is looking for that little bit of extra branding…

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?