修改CSS以隐藏

Question

我需要隐藏文档库工具栏中的“操作”菜单。我知道在CSS中我可以使用这个“{display: none}”语法来隐藏。

有人可以帮我找到合适的地方吗？我找到了这个.ms-actionbar但不知道这个人是否属于列表工具栏或站点工具栏。

例如：http://www.xsolive.com/Shared%20Documents/Forms/AllItems.aspx

Answer 1

我总是和实验一起去。刚开始隐藏东西。

此外，如果您使用chrome，请打开相关页面，右键单击该元素，然后选择“Inspect element”，这将显示它的id / classes等。

FF中有类似的工具，但除了测试之外，我并没有真正使用FF。

Answer 2

使用FF中的fire bug通过执行inspect元素

来获取CSS类名

Answer 3

此CSS规则将隐藏工具栏中的元素：

.ms-menutoolbar td 
{
    display:none;
}

请注意，这会隐藏工具栏中的所有菜单。如果您想在工具栏中显示其他按钮，则必须对其进行修改。使用该特定按钮的ID将起作用。

对于您提供的网址，规则为：

#zz8_ListActionsMenu_t 
{
    display:none;
}

对于你的问题：

不能用css你不能。 “操作”菜单由SharePoint动态生成，其ID不会始终相同。 你可以用javascript做到这一点。

以下是使用jQuery的方法：

$(document).ready(function() {
    var link = $('a[id$="ListActionsMenu"]').filter(':contains("Actions")');
    link.parent().hide();
});

HTML代码的非常简化版本对于菜单来说是这样的：

<div id="zz8_ListActionsMenu_t">
    <a id="zz8_ListActionsMenu">Actions</a>
</div>

jQuery代码的作用是首先找到所有带有以ListActionsMenu结尾的ID的<a>（应该将选择限制为工具栏的内容），然后找到带有文本“Action”的那个”。 然后删除整个div。