2 Replies Latest reply on Feb 15, 2011 3:47 PM by healeyb

    [solved] CSS hover support

    healeyb

      Hi, I'm porting a project from another component library, and whilst not the most serious problem

      in the world I wondered why I can't style all my a4j:commandButtons with CSS like this:

       

      {code}

      input[type="submit"]:hover {

          background-color: #66CCFF;

      }

      {code}

       

      ...to avoid having to add onmouseover= to every control. What happens is that the bottom third

      of the button only changes colour on mouseover.

       

      I noticed that with the inclusion of the Richfaces libraries that input text controls (h:inputText) are

      restyled, can I turn this feature off? I've tried setting org.richfaces.SKIN to plain but it doesn't help.

       

      I'm using Richfaces 4.0.0.M5 with IE8 & Chrome.

       

      Thanks,

      Brendan.

        • 1. CSS hover support
          nbelaevski

          Brendan,

           

          That's because they are styled using background-image. To switch off this feature just set org.richfaces.enableControlSkinning=false.

          • 2. Re: CSS hover support
            healeyb

            Thanks, that works nicely. I had tried to set org.richfaces.CONTROL_SKINNING to

            disable, perhaps the dev guide is yet to be updated unless this is a totally different

            thing.

             

             

            Thanks,

            Brendan.