The new <p:ribbon> component in PrimeFaces 5.1 overrides the background attribute of spinner component buttons using the class .ui-ribbon.ui-button (ribbon.css), which makes the spinner look like this:
.ui-ribbon .ui-button { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); box-shadow: none; color: #333;}When background rule is disabled in the browser, the spinner looks perfect
How can I write my CSS to make it ignore the background definition on .ui-ribbon.ui-button, so it can keep using the theme background definition?
