Change background-color and font when hovered

If you need help with applying this CSS to your environment, please refer to this documentation: [url=https://documentation.decisions.com/docs/uploading-css?highlight=CSS for]https://documentation.decisions.com/docs/uploading-css?highlight=CSS for[/url]

The code below will change the column header if it is hovered over:

.dp-gridview .dp-report-grid-viewer__header{
background-color: orange;
}
.dp-report-grid-viewer__header-sortable-column:hover, .dp-report-grid-viewer__header-resizable:hover
{
background-color: rgb(198,198,198);

}
.dp-report-grid-viewer__header-name:hover
{
color: black;
}