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