Support » Themes and Templates » Twenty Twelve glowing text fields

  • Resolved DylanR


    Hi all,

    I’m using the theme ‘Twenty Twelve’ on my website, and I was wondering if it is possible to remove the yellow glow / border that surrounds text fields when the user clicks into them?

    I’ve just noticed that this also happens on these text fields (creating a new thread)

    I would be very grateful for any help y’all can offer


    After some further, more obvious, methods of testing, I’ve found that this is a Chrome-specific issue.

    I don’t see this glow when I swap my theme to Twenty Thirteen though..

Viewing 1 replies (of 1 total)
  • After narrowing this down to a Chrome issue, I managed to find both the cause and the solution.

    Chrome seems to automatically add an ‘outline’ property to text input elements. Apparently this is for usability’s sake, as it helps the user understand which element they are clearly focused on.

    I thought the blinking line and the fact that they must have clicked there would have made it obvious, but the solution is to add your own outline: none; property to any element you wish to remove this from

    Apologies for the pointless thread

Viewing 1 replies (of 1 total)
  • The topic ‘Twenty Twelve glowing text fields’ is closed to new replies.