0

CSS3PIE works for all other elements on my site from <div>s to <img>s but I cannot for the life of me get it to work on <button> elements.

I've tried some usual hacks to get things to work like so (I'm using SASS):

button {
    position: relative !important;
    zoom: 1 !important;
    display: block !important;
    border-radius: 10px !important;
    -ms-behavior: url(/assets/pie/PIE.htc) !important;
    behavior: url(/assets/pie/PIE.htc) !important;
    z-index: 0 !important;
}

Whatever I try, the border-radius just does nothing.

Changing them from <buttons> to other html elements is not an option.

Any ideas?

Thanks

cimmanon
  • 67,211
  • 17
  • 165
  • 171
Jack
  • 3,271
  • 11
  • 48
  • 57
  • possible duplicate of [Using CSS3Pie htc for border-radius in IE8](http://stackoverflow.com/questions/4326363/using-css3pie-htc-for-border-radius-in-ie8) – Paulie_D Mar 19 '14 at 16:50
  • I had already read that but the answer did not work therefore I need a new answer - You can see in my question that I have already tried the answer IN that post that you suggested. – Jack Mar 19 '14 at 16:51
  • A workaround is wrap the `input button` inside the div and then give border-radius to the div. And remove border from `button`. – Kheema Pandey Mar 19 '14 at 17:03
  • Thanks Kheema I'll do that – Jack Aug 05 '16 at 23:06

0 Answers0