6 Replies Latest reply on Jan 30, 2014 9:57 AM by Willam van Weelden

    CSS3 in standard WebHelp

    Jop Smith Level 1

      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