Question

I’m writing a web app. It’s only ever going to be used with IE8, so I’m not concerned with the behavior of any other browsers here.

So: I know how to custom-style a button using CSS properties e.g. background-color, border, and so on. However, when you apply styles that way, the resulting button looks like a blocky table cell, nothing like the nice, glassy-looking button that IE8 renders by default.

Is there some way to add a tint to the nice glass-looking button? I.e., it looks just like it normally does, but with a red outline instead of blue, and a red highlight on mouse-over?

Or is this something I’m going to have to do by hand with images? Again, IE8-specific methods are perfectly acceptable.

Thanks!

-dan

Answer 1

There isn’t really a filter that will get you as close to the default in IE, though you can get pretty close using the button tag and standard css. It will not look the same in all versions of IE though.

Here’s the filter reference though if you want to try other things.