很多公司针对UI设定都有明确的风格,或者为了更好的用户体验性需要对网站做出特定导航字体或者背景的修改。
我们以使用IE浏览器打开网站的网站设置页面为例,按F12键进入developer tools页面,如果你使用的是联想笔记本,那么需要Fn+F12键一起使用。你将在资源管理器窗格,我们使用选择页面元素指针点击“策略审查日历”,在资源管理器面板中,你将看到跳转到相关页面代码中,我们想查找:menu-item-text,双击它,然后在右侧style标签下添加一条rule, 将其导航字体颜色为红色。
.menu-item-text {
color: red !important;
}
我们需要在样式表中做一些更改:
.menu-item-text {
color: red !important;
}
.menu-item-text :hover {
color: blue !important;
我们需要在资源管理器面板中做一些更改:在Static menu-item,添加一个规则:
.static {
background-color: lightblue !important;
}
如果想永久性保留,需要将此规则复制,然后到样式表中进行粘贴,保存,这会永久性使用这个规则,如下在样式表中修改。
SharePoint Online 客制化开发:如何修改网站导航字体颜色和背景
原文:https://blog.51cto.com/13969817/2450638