Come personalizzare l'area del titolo della colonna in WebPart

Question

Buona giornata!

Ecco il problema:

Applica stile personalizzato alle parti Web

My CSS

.ms-vh-div  a
{
    color:gray !important;
}
.ms-vh-div 
{
    border-bottom: 1px #c0c0c0 solid; 
}

tr.ms-viewheadertr > th.ms-vh,tr.ms-viewheadertr > th.ms-vh2
{
    border:0px;
    background-color:transparent;
}
tr.ms-viewheadertr > th.ms-vh:hover,tr.ms-viewheadertr > th.ms-vh2:hover
{
    background-color:transparent;
}
tr.ms-viewheadertr > th:hover .s4-ctx-show
{
    background-color:transparent;
    background-image:none;
    border:0px solid #e0e0e0;   
}
tr.ms-viewheadertr > th .s4-ctx-show:hover
{
    background-color:transparent;
}

.

Ma quando lo testo l'area con la casella di controllo o con attacco soggiorno lo stesso (area grigiata deve essere bianco):

Answer 1

You need to modify this class :-

.ms-vh-icon

Apply an override with the background-color:#fff !important and background-image:none.