Override Vista and XP’s Themed Buttons and Scrollbars Using a META Tag

By  on  

The first thing I do to any fresh Windows XP or Vista install is change the theme to old-school "Windows Classic" theme. Square gray boxes, in my opinion, are much better than the awful "rounded", colored bars. The XP and Vista theme settings also bleed into Internet Explorer, shaping and color buttons in ways I don't want.

Luckily, using an HTML META tag, I can tell the browser to ignore the theme's settings and show the standard, gray button.

<meta http-equiv="MSThemeCompatible" content="No"/>

I'm not advocating this, simply showing how it can be done.

Recent Features

  • By
    CSS Gradients

    With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements.  CSS gradients are another step in that direction.  Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...

  • By
    How to Create a Twitter Card

    One of my favorite social APIs was the Open Graph API adopted by Facebook.  Adding just a few META tags to each page allowed links to my article to be styled and presented the way I wanted them to, giving me a bit of control...

Incredible Demos

  • By
    Spatial Navigation

    Spatial navigation is the ability to navigate to focusable elements based on their position in a given space.  Spatial navigation is a must when your site or app must respond to arrow keys, a perfect example being a television with directional pad remote.  Firefox OS TV apps are simply...

  • By
    MooTools: Set Style Per Media

    I'd bet one of the most used MooTools methods is the setStyle() method, which allows you to set CSS style declarations for an element. One of the limitations of MooTools' setStyle() method is that it sets the specific style for all medias.

Discussion

    Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!