Twenty Twelve glowing text fields

  • Resolved DylanR

    (@dylanr)


    11 years, 7 months ago

    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

    Thanks

    EDIT:
    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)
  • Thread Starter DylanR

    (@dylanr)

    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.