html - CSS border-width of 0px still rendering 1px in Internet Explorer? -
i have following:
.icon { border-style: solid; border-width: 2px 2px 0 0; transform: rotate(-45deg); } the bottom border set 0px in image below border still rendering @ 1px. negative values not option.

as suggested somethinghere add border-bottom:none .icon this:
.icon { border-style: solid; border-width: 2px 2px 0 0; border-bottom: none; transform: rotate(-45deg); } or:
.icon{ border-top: 2px solid #454545; border-right: 2px solid #454545; transform: rotate(-45deg); } please try see page in ie , check if problem solved.
.box{ width:100px; height:100px; margin: 100px auto; } .icon{ border-top: 2px solid #454545; border-right: 2px solid #454545; transform: rotate(-45deg); } <div class="box icon"></div>
Comments
Post a Comment