blue outline around anchor elments when clicked

  • Hello, Im creating an admin section for a theme im making, and while designing it, i noticed that theres an outline applied to the anchor element when i click it. I have an image to show what i mean.
    I know most of the answers will be it’s because of the browser, but this time it not, i tested it on a simple php page and i didnt have this issue, but soon as i load it up in wordpress as im creating the pluging it does that. is there anyway to overide and remove it, i think it’s coming from wordpress. the online outline i see that’s active is this

    a, div {
    outline: 0;
    outline-color: initial;
    outline-style: initial;
    outline-width: 0px;
    }

    which is loaded from the wordpress load-styles.php
    ;

    • This topic was modified 8 years, 2 months ago by exhumejosue.
    • This topic was modified 8 years, 2 months ago by exhumejosue.
    • This topic was modified 8 years, 2 months ago by exhumejosue.
    • This topic was modified 8 years, 2 months ago by exhumejosue.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    if it’s when it’s clicked, you want to use CSS to un-style a:active. WordPress itself does *not* apply any styles.Those come from your theme.

    So, probably something like

    a:active { border: none; }will do it.

    To add CSS:

    If your theme has a custom CSS option, use that to add the CSS shown above. If not, install the plugin “Simple Custom CSS”. Or, if you have Jetpack installed, enable its Custom CSS module.

    Thread Starter exhumejosue

    (@exhumejosue)

    sorry didn’t work =[

    Im still a bit new to creating creating themes and plugins, but i thought the styling for plugins are independent of the theme?

    and wordpress is loading up styling from the load-styles.php for the admin dashboard, I’m jut not sure if maybe that’s what this might be coming from.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Plugins often bring in their own styles.

    As I said, WordPress itself does not have *any* front-end styling. That’s from your theme.

    Please provide a link to your site! Thanks.

    Thread Starter exhumejosue

    (@exhumejosue)

    Im developing this locally, and this isn’t appearing on whats the end user would see, this is for the back end, on the admin dashboard. if you could provide me a way to get in touch with you i could show you through teamviewer.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Blue outline… You mean in Chrome specifically? If so, this is Chrome’s ‘focus’ indicator, which is very useful for people who are using their keyboards to navigate the page. It is the browser’s decision that the active state (on click) of an interactive element triggers the focus indicator.

    Thread Starter exhumejosue

    (@exhumejosue)

    its not just chrome, it happens on all browsers.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘blue outline around anchor elments when clicked’ is closed to new replies.