如何在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.