SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    black border around input submit button in IE

    This may not even be something I can fix with CSS, but here goes.

    http://www.randomjabber.com/lbyl/

    The search input button, in IE it's fine when the page loads. But, for me, if I click anywhere inside of the page a 1px black border shows up around the button and I can't figure out why or what I need to do to fix it.

    Are you seeing the same?

    Thanks
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,108
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    if I click anywhere inside of the page a 1px black border shows up around the button and I can't figure out why or what I need to do to fix it.
    It only shows for me when I click on the button,
    I'm not sure, but you could try setting the outline property to fix it.

  3. #3
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nope, didn't work. I've Googled all the keywords that I can think of and no luck. I guess it's not a big deal, I've just never seen it before.
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,295
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    It's because you haven't enclosed the inputs in a form element and therefore the whole page seems to getting the focus. Add a form element around the inputs and see what happens.

    Code:
                <div id="search">
                    <form id="form1" name="form1" method="post" action="">
                        <input type="text" name="keywords" class="textbox" />
                        <input type="submit" name="go" value="Search" class="go" />
                    </form>
                </div>

  5. #5
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    It's because you haven't enclosed the inputs in a form element and therefore the whole page seems to getting the focus. Add a form element around the inputs and see what happens.

    Code:
                <div id="search">
                    <form id="form1" name="form1" method="post" action="">
                        <input type="text" name="keywords" class="textbox" />
                        <input type="submit" name="go" value="Search" class="go" />
                    </form>
                </div>

    Ah gosh. Stupid me. Something so easy. I just slapped some quick code in there for testing and didn't think about it.

    Thanks again Paul.
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore


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
  •