CSS3 in standard WebHelp
RH10 | WebHelp
Does anyone know if it's possible to render CSS3 in the standard WebHelp output, not the Multiscreen output? For example, I use the following CSS to create a button with round corners, but when viewed in IE the round corners don't display. However, in Firefox they display fine.
.btn-primary-action {
background-color: #eeaf00;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
text-indent: 0px;
display: inline-block;
color: #ffffff;
font-size: 16px;
height: 47px;
line-height: 47px;
width: 193px;
text-align: center;
text-decoration: none;
margin:20px 6px 0 0;
}
Thanks
Jonathan
