如何把灰色的无效菜单项隐藏掉

如何把灰色的无效菜单项隐藏掉又不会影响页面内的元素？
我userChrome.css里只有这一段css

menuitem[disabled="true"] {
    display: none !important;
}

但是影响到了这个页面（https://students.unimelb.edu.au/get-started）的列表选择，点不动了
我试着往menuitem前面加xul 或者.box-inherit.scrollbox-innerbox ，但结果都不能隐藏掉无效菜单

#contentAreaContextMenu menuitem[disabled="true"] {
    display: none !important;
}

限定在右键菜单中的。

lonely_8：#contentAreaContextMenu menuitem {
    display: none !important;
}限定在右键菜单中的。回到原帖

我目前也是这么写的。
强迫症想把所有的灰色无效的都隐藏掉，现在只能一个一个加id了吗？我瞧好像想全都包含的话只能写#main-window了
最令我莫名其妙的就是这明明是个menuitem，为什么会影响到option……

infinity：我目前也是这么写的。
强迫症想把所有的灰色无效的都隐藏掉，现在只能一个一个加id了吗？我瞧好像想全都包含的话只能写#main-window了

最令我莫名其妙的就是这明明是个menuitem，为什么会影响到option……回到原帖

可能内部是用menuitem XBL（现在去XBL化，逐渐被custom elements代替，类似于Shadow DOM） 绑定 option 元素实现功能的。
就好像一个空的 video 标签，里面什么也没，但依然能渲染出播放暂停按钮控件，这些按钮控件也能用 userchrome.css 修改样式。