Como personalizar a área do título da coluna na Webpart

Question

Bom dia!

Aqui está o problema:

Eu aplico estilo personalizado a web parts

meu 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;
}

Mas quando eu testo a área com caixa de seleção ou com anexo permanece a mesma (a área cinza deve ser branca):

Answer 1

Você precisa modificar esta classe: -

.ms-vh-ícone

Aplique uma substituição com background-color:#fff !important e background-image:none.