Search code examples
jquerycssinternet-explorerimpromptu

Remove or Hide Button Focus outline in ie compatibility mode (jquery impromptu)

I am using a jquery modal dialog box plugin named impromptu in my web application. I have a problem with the style of my default button when running in ie compatibility mode.

When my dialog displays with ie compatibility mode disabled my dialog looks like this...

enter image description here

However when my dialog displays with compatibility mode enabled the default button on my dialog has an ugly border.

enter image description here

Can someone help me with how I can either remove this ugly border or give me a tip on how I can change the style to look nice.

I primarily support firefox however I have to support ie 7 and above as well. To do this I have added the following meta tag to my html pages.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

thanks

Solution

  • you can use the following class

    .hideFocus{
  hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
  outline: none;  /* for firefox 1.5 + */
}