SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    Mar 2011
    Location
    Bellingham, WA
    Posts
    450
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Firefox red background rectangle

    Hello!

    I'm trying to get rid of a red outline that appears when I click on a background graphic. I'm using
    Code CSS:
     hover:  -moz-outline-style: none;
    	 outline: none;
    which gets rid of all other outline issues except for my banner link. if you take a look at http://www.myalgebrabook.com on click on the banner, you'll see what I mean.

    Any help would be appreciated.

    Thank you,

    Eric
    Last edited by Mittineague; Jul 13, 2011 at 11:57. Reason: fixing link

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,295
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    I'm not seeing any red border when I click in FF (Mac).

    EDIT: when a link is active, it gets a dotted outline by default, which shows that it has focus. This helps various people to know that the link has focus, such as those using a keyboard. It's not a good idea to to disable this. You can style it differently if you wish.

    The border is red because of this:

    Code:
    a:link { color: #900;}
    You could change the focus color with

    Code:
    a:focus {styles here}
    but it's better not to hide it.

  3. #3
    SitePoint Evangelist
    Join Date
    Mar 2011
    Location
    Bellingham, WA
    Posts
    450
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks for checking it out. I'll take your advice and not hide it.

    -Eric


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •