Button text not visible in IE 8 and IE9

Discussion in 'HTML & Website Design' started by jaspn, Mar 13, 2013.

  1. #1
    Hello,

    I have an issue with a button which I'm having difficulty solving. The issue is on IE 8 and 9 the text isn't showing up. Here is the HTML:

    <input type="submit" class="button" value="Send Enquiry" id="send_product_enquiry">

    It is located near the bottom of any product page on the website argustas dot com dot au, under Product Enquiry. I don't care if I have to change the style of the button completely to become compatible across all browsers, just as long as it works! Any help would be fantastic.
     
    jaspn, Mar 13, 2013 IP
  2. stlgolfforum

    stlgolfforum Member

    Messages:
    136
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    28
    #2
    it looks like you have a margin of -10px on it, try removing that on line 213



    .button,a.button, button.button,input.button, #respond input#submit, #content input.button, table.cart td.actions .button.alt,#content table.cart td.actions .button.alt,.shop_table .button,.coupon input[type="button"],.shop_table input[type="submit"],.widget_login input[type="submit"],#wpmem_login input[type="submit"],#wpmem_reg input[type="submit"] {
    1. display: table;​
    2. box-sizing: border-box;​
    3. -moz-box-sizing:border-box;​
    4. position: relative;​
    5. text-shadow: none;​
    6. font-size: 14px;​
    7. -webkit-border-radius:4px;​
    8. -moz-border-radius:4px;​
    9. border-radius: 4px;​
    10. text-align: center;​
    11. font-weight: 400;​
    12. none: border;​
    13. cursor: pointer;​
    14. opacity: 1;​
    15. padding: 10px 20px;​
    16. margin: 0 0 -10px 0;​
     
    stlgolfforum, Mar 13, 2013 IP
  3. stlgolfforum

    stlgolfforum Member

    Messages:
    136
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    28
    #3
    Let me be more specific, a margin bottom of -10px on #16 in my post above. Its line 213 of your css
     
    stlgolfforum, Mar 13, 2013 IP
  4. Andrea from CasinoRealis

    Andrea from CasinoRealis Greenhorn

    Messages:
    69
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    15
    #4
    have you tried changing the coded button for an image?
    It will be displayed on all browsers.
    G luck