The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › [Solved] content outside of button tag not work on IE
i tried to make a button with small triangle outsite, look like this:
it work fine on FF, Chrome, but on IE it didn’t work, triangle dont display. i’m using IE10 on win8, i changed Browser Mode to IE9, IE8, IE7 it’s still not work
padding: 10px 20px;
border: solid 10px;
border-color: transparent transparent transparent red;
Help me, pls. Thanks
That’s not the usual way to make a triangle…it’s usually done by using a pseudo-element like :before or :after
Obviously it works in non-IE…I wasn’t sure why it doesn’t in IE.
On a hunch, I tried setting the overflow to visible and it seemed to do the trick.
thank you so much, overflow: visible it worked fine.
:before and:after work with IE8+, but i need support IE7.
Thank you again!