WebPartの列のタイトル領域をカスタマイズする方法

Question

良い日！

これが問題です：

私はWebパーツにカスタムスタイルを適用します

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

.

しかし、チェックボックスまたは添付ファイル付きの領域をテストすると、同じ（グレーの領域は白でなければなりません）：

Answer 1

You need to modify this class :-

.ms-vh-icon

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