How to close GROWL Message on click anywhere on the message? (JSF,Primefaces)

问题

I need to close the growl messages in my UI, if the user clicks anywhere on the message.

That is required, because the close button of the default growl messages in Primefaces is difficult to find for the user.

Is there a way of doing that?

回答1:

What about solve it via CSS:

.ui-growl-icon-close {
width: 100%;
height: 100%;
background-image: none!important;
}

Put this into your CSS file.

来源：https://stackoverflow.com/questions/15710079/how-to-close-growl-message-on-click-anywhere-on-the-message-jsf-primefaces