www.webdeveloper.com
Results 1 to 2 of 2

Thread: Display button on Firefox vs IE

  1. #1
    Join Date
    Sep 2006
    Posts
    192

    Display button on Firefox vs IE

    The same piece of codes (see below) generated different displays on Firefox and IE.

    <style>
    .linkButton {
    background: #7CFC00
    text-decoration: none;
    border: 1px solid #aaa;
    border-radius: 5px;
    display: inline-block;
    padding: 3px 6px
    }
    </style>
    ...

    <a href="test.html" class="linkButton">Test</a>


    On Firefox: shown the corners of the button as round
    On IE: shown the corners of the button as angled

    How can I make the above button round-cornered on IE, just like the FF one?

  2. #2
    Join Date
    Mar 2011
    Posts
    1,139
    Internet Explorer added support for border-radius in v9. If you're using IE9 and still not seeing the effect, it could be a syntax error in your setting for 'border'. I believe it should be:
    border: solid 1px #aaa;

    If that doesn't fix it, the best option may be to create an image for this button. Good luck!
    Rick Trethewey
    Rainbo Design

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles