IE9 & Upload Button

  • Profile Image
    longo
    Asked on January 02, 2014 at 06:38 AM

    Hi, I'm using a multiple upload button which I've styled using custom CSS matching the 'send enquiry' button below, it displays correctly in IE8 (apart from radius which I expect) IE10 & IE11. Using IE9 delivers the affect below with the default colour scheme

    I'm using the emulation facility within IE developers tools and can't inspect element at the sametime to look into this

    Thanks

  • Profile Image
    EltonCris
    Answered on January 02, 2014 at 07:35 AM

    Hi,

    Just add filter:none; property on qq-upload-button class including the qq-upload-button-hover. It should then look like this:

    .qq-upload-button {

    filter:none;

    width:126px;

    height:19px;

    font-family:Oxygen, sans-serif;

    font-size:13px;

    color:#111;

    text-shadow:none;

    background:#c3b3a6 !important;

    border:1px solid #700024;

    border-radius:5px;

    padding:2px 6px;

    -webkit-appearance:none;

    }

    .qq-upload-button-hover {

    filter:none;

    color:#989898;

    }

    This should fixed it. Regards!

  • Profile Image
    longo
    Answered on January 02, 2014 at 08:13 AM

    Thanks. excellent work.