How to customize Column Title area in Webpart

Question

Good day!

Here is the problem:

I apply custom style to web parts

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

But when i test it the area with checkbox or with attachment stay the same(grayed area must be white):

Answer 1

You need to modify this class :-

.ms-vh-icon

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