SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Mentor silver trophybronze trophy

    Join Date
    Feb 2008
    Location
    Preston, Lancashire
    Posts
    1,377
    Mentioned
    72 Post(s)
    Tagged
    1 Thread(s)

    Chrome on HTML forms

    I seam to be running into browser imcompatibility with Google Chrome. Initially there was a browser outline on all the form inputs when you focus it, but this was soleved by putting in element:focus {outline:none}.

    Now I seam to be running into drop down issue. I get a blue outline on the drop down, and there is also a box problem around it.

    I need to learn more on HTML forms, but I think maybe there might be a quirk with Chrome and forms, hence the title.

    The site can be found here, http://tinyurl.com/ctbmcsu.
    follow me on ayyelo, Easy WordPress; specializing in setting up themes!

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    The outline has a very important purpose—to assist some of your site visitors to know where they are on the page. So rather than remove it, style it differently.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    Non-Member
    Join Date
    Sep 2007
    Posts
    148
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Chrome does this as a means to let users know where exactly they are and that they need to fill something in. Like Ralph said, removing it isn't always the best option, but it gives you teh ability to style it a bit and add another appealing bit to your site.

  4. #4
    SitePoint Mentor silver trophybronze trophy

    Join Date
    Feb 2008
    Location
    Preston, Lancashire
    Posts
    1,377
    Mentioned
    72 Post(s)
    Tagged
    1 Thread(s)
    yep, you're right. It's like the notion of styling the browsers scroll-bars. The border-bottom in Chrome, what's that all about. Chrome acts funny when it comes to forms. The drop down also has a blue outline. I don't think this is a major issue to anybodies standards, so it's something the site can live with.
    follow me on ayyelo, Easy WordPress; specializing in setting up themes!


Tags for this Thread

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
  •