dcsimg
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,156
    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!

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