WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Twenty Twelve glowing text fields (2 posts)

  1. DylanR
    Member
    Posted 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..

  2. DylanR
    Member
    Posted 7 months ago #

    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

Reply

You must log in to post.

About this Topic