none
How to remove/disable dotted lines around images or links in Microsoft internet explorer 9? Is there any kb fix for internet explorer 9 instead of modifying CSS Code?

    Question

  • How to remove/disable dotted lines around images or links in Microsoft internet explorer 9? Is there any kb fix for the internet explorer 9 instead of CSS Code?

     

    -------------------------------------------------------------------------------------------------------------------------------------------------

    I  need Microsoft kb fix(ie update installation file) for Internet explorer 9, Which should disable this accesibility feature in browser itself (i.e., I want to turnoff/disable this feature in Internet Explorer 9 by installing some Microsoft kb fix for IE 9).

    I want to disable/turnoff this accesibility feature(i.e., focus lines around images or links) in Internet Explorer browser and not in the webpage. Can anyone provide me with the download link for Microsoft kb fix for this particular issue. It should fix the IE browser.

    -------------------------------------------------------------------------------------------------------------------------------------------------







    • Edited by Venu M Monday, May 23, 2011 7:17 PM
    Thursday, May 19, 2011 8:37 PM

Answers

  • Hi,

    Well, you want a KB , soyou could try to contact support.microsoft.com to request a KB/Hotfix for your requirement. and any feedback about IE, you could share them on the Connect site: https://connect.microsoft.com/


    Bob Bao [MSFT]
    MSDN Community Support | Feedback to us
    Get or Request Code Sample from Microsoft
    Please remember to mark the replies as answers if they help and unmark them if they provide no help.

    • Marked as answer by Venu M Tuesday, May 24, 2011 6:52 AM
    Tuesday, May 24, 2011 5:38 AM
  • Hi Bob,

    I found this CSS fix after a search. I works well on an image link with IE9 BUT when you use map hotspots within an image you still get a dotted line around the image in IE9.

    This is the code that produces the dotted line around each hotspot when active/focus. As you can see the image swaps out on mouse over and is also clickable to links.

    <map name="Map" id="Map">
            <area shape="rect" coords="2,21,139,124" href="/program.htm" alt="PROGRAM" onmouseover="MM_swapImage('Image1','','/images/Menu2WithProgHiLite.png',1)" onmouseout="MM_swapImgRestore()" />
            <area shape="rect" coords="187,22,333,125" href="/aboutus.htm" alt="ABOUT US" onmouseover="MM_swapImage('Image1','','/images/Menu2WithAboutHiLite.png',1)" onmouseout="MM_swapImgRestore()" />
            <area shape="rect" coords="374,22,514,130" href="/references.htm" alt="REFERENCES" onmouseover="MM_swapImage('Image1','','/images/Menu2WithRefsHiLite.png',1)" onmouseout="MM_swapImgRestore()" />
            <area shape="rect" coords="573,23,705,125" href="/contactus.htm" alt="CONTACT US" onmouseover="MM_swapImage('Image1','','/images/Menu2WithContactUsHiLite.png',1)" onmouseout="MM_swapImgRestore()" />
          </map>

    Any CSS rules that will hide this for IEP

    Thanks

    Rick

     

    BY BOB >>

    It is a Focus style on the element which is set by IE browser. If you do not like it, you could sepcify the Focus style for the <A> element, such as:

    <html>
     <head>
     <style type="text/css">
      a:active, a:focus {
       outline: none;
       ie-dummy: expression(this.hideFocus=true);
      }
     </style>
     </head>
     <body>
     <a href="http://www.test.com"><img border="0" src="test.png"/></a>
     </body>
    </html>
    
    Sincerely,
    
    • Marked as answer by Venu M Wednesday, August 03, 2011 6:25 PM
    Saturday, July 30, 2011 2:45 AM

All replies

  • It is a Focus style on the element which is set by IE browser. If you do not like it, you could sepcify the Focus style for the <A> element, such as:

    <html>
     <head>
      <style type="text/css">
       a:active, a:focus {
         outline: none;
         ie-dummy: expression(this.hideFocus=true);
       }
      </style>
     </head>
     <body>
      <a href="http://www.test.com"><img border="0" src="test.png"/></a>
     </body>
    </html>
    
    Sincerely,
    


    Bob Bao [MSFT]
    MSDN Community Support | Feedback to us
    Get or Request Code Sample from Microsoft
    Please remember to mark the replies as answers if they help and unmark them if they provide no help.

    • Proposed as answer by Bob_BaoMVP, Moderator Monday, May 23, 2011 12:38 AM
    • Unproposed as answer by Venu M Monday, May 23, 2011 7:07 PM
    Monday, May 23, 2011 12:38 AM
  • Dear sir/Madam,

                              Thankyou for providing me with this code. I'm aware of this code but I need Microsoft kb fix(ie update installation file) for Internet explorer 9, Which should disable this accesibility feature in browser itself (i.e., I want to turnoff/disable this feature in Internet Explorer 9 by installing some Microsoft kb fix for IE 9).

    I want to disable/turnoff this accesibility feature(i.e., focus lines around images or links) in Internet Explorer and not in the webpage. Can you please provide me the link for Microsoft kb fix for this particular issue. It should fix the IE browser.

    I hope you understand this issue......


    VENU MANTHENA
    Monday, May 23, 2011 7:03 PM
  • Hi,

    Well, you want a KB , soyou could try to contact support.microsoft.com to request a KB/Hotfix for your requirement. and any feedback about IE, you could share them on the Connect site: https://connect.microsoft.com/


    Bob Bao [MSFT]
    MSDN Community Support | Feedback to us
    Get or Request Code Sample from Microsoft
    Please remember to mark the replies as answers if they help and unmark them if they provide no help.

    • Marked as answer by Venu M Tuesday, May 24, 2011 6:52 AM
    Tuesday, May 24, 2011 5:38 AM
  • Hi Bob,

    I found this CSS fix after a search. I works well on an image link with IE9 BUT when you use map hotspots within an image you still get a dotted line around the image in IE9.

    This is the code that produces the dotted line around each hotspot when active/focus. As you can see the image swaps out on mouse over and is also clickable to links.

    <map name="Map" id="Map">
            <area shape="rect" coords="2,21,139,124" href="/program.htm" alt="PROGRAM" onmouseover="MM_swapImage('Image1','','/images/Menu2WithProgHiLite.png',1)" onmouseout="MM_swapImgRestore()" />
            <area shape="rect" coords="187,22,333,125" href="/aboutus.htm" alt="ABOUT US" onmouseover="MM_swapImage('Image1','','/images/Menu2WithAboutHiLite.png',1)" onmouseout="MM_swapImgRestore()" />
            <area shape="rect" coords="374,22,514,130" href="/references.htm" alt="REFERENCES" onmouseover="MM_swapImage('Image1','','/images/Menu2WithRefsHiLite.png',1)" onmouseout="MM_swapImgRestore()" />
            <area shape="rect" coords="573,23,705,125" href="/contactus.htm" alt="CONTACT US" onmouseover="MM_swapImage('Image1','','/images/Menu2WithContactUsHiLite.png',1)" onmouseout="MM_swapImgRestore()" />
          </map>

    Any CSS rules that will hide this for IEP

    Thanks

    Rick

     

    BY BOB >>

    It is a Focus style on the element which is set by IE browser. If you do not like it, you could sepcify the Focus style for the <A> element, such as:

    <html>
     <head>
     <style type="text/css">
      a:active, a:focus {
       outline: none;
       ie-dummy: expression(this.hideFocus=true);
      }
     </style>
     </head>
     <body>
     <a href="http://www.test.com"><img border="0" src="test.png"/></a>
     </body>
    </html>
    
    Sincerely,
    
    • Marked as answer by Venu M Wednesday, August 03, 2011 6:25 PM
    Saturday, July 30, 2011 2:45 AM