Question

我的公司刚刚转换为SP 2013，我现在正在尝试创建一个新列表。我一直在尝试自定义标题以具有以下属性：

包装文字字体颜色蓝色文本分配 - 中心垂直对齐 - 底部

我找到了一个脚本，允许我将标题包装在所有列上，并尝试添加颜色和文本对齐。我一直在遇到的是它只更新了我的一个不可过滤的标题上的颜色和对齐。我试图查找每个.ms项目的含义，因为我认为这是我的问题，但我似乎无法找到该问题的答案。任何帮助将不胜感激！

<style>
    .ms-vh, .ms-vh2-nofilter, .ms-vh2-nograd, .ms-vh2, .ms-vb{
        white-space: normal; 
        color:#0000ff;
        text-align:center;
        vertical-align:text-bottom;
    }
</style>

Answer 1

我做了一些测试，这是css文件

---------- Table Rows ----------*/
    ms-vh-div,ms-vh2-nofilter,ms-vh-div{
        background: #2E4C70;
    }
/* Set background for every row */
    .ms-listviewtable > tbody > tr {
        background: white;
    }

 Set border for every row */
    .ms-listviewtable > tbody > tr td{
        border-bottom: 1px solid #AFAFAF !important; /* !important needed over override SharePoint inline style */
    }

 Set background for every alternating row */
    .ms-listviewtable > tbody > tr.ms-alternating {
        background: #E2E3E5;
    } Table Header Row 
 Remove background set in SharePoints general data table style */
    .ms-listviewtable tr.ms-viewheadertr {
        background: transparent;
         width:100%;
    }

.ms-viewheadertr,
    .ms-listviewtable {

width:100%;
}tr.ms-viewheadertr > th.ms-vh2-nograd {   color:white;}

 Modify background color */
 tr.ms-viewheadertr > th.ms-vh2-nograd,
    tr.ms-viewheadertr > th.ms-vh-icon, /* Input box and attachment icon */
    tr.ms-viewheadertr > th.ms-vh, /* Text */
    tr.ms-viewheadertr > th.ms-vh2 ,
    tr.ms-viewheadertr >th.ms-vh2-nofilter,
    tr.ms-viewheadertr >th.ms-vh-div/* Text */ {
        background: #2E4C70;
    }
.ms-viewheadertr {

width:100%;
}


 Modify background color on hover */
    tr.ms-viewheadertr > th.ms-vh:hover,
    tr.ms-viewheadertr > th.ms-vh2:hover {
                background-color: #273C51;
                border-color: #273C51;
        }

 Modify font color */
    .ms-viewheadertr a,
    .ms-viewheadertr div {
        color: grey;
    }

 Modify font color on hover */
    .ms-viewheadertr a:hover,
    .ms-viewheadertr div:hover {
        color: blue;
    }

此处有更多详情sharepoint experience

Answer 2

格式不适用于多行文字字段。

Answer 3

添加脚本编辑器Web部件，并将其插入：


/*Choose your background colour*/
.ms-viewheadertr{
background:#00426A;
}

/*Choose font style*/
.ms-vh2-nofilter, .ms-vh2, a.ms-headerSortTitleLink {
font-weight:bold;
color:white;
font-size:1.05em;
}

</style>

感谢Nate Chamberlain： https://natechamberlain.com/2018/07/20/customize-styles-formatting-of-sharepoint-list-column-header-rows/

自定义Sharepoint 2013列表标题

3 个答案: