右键单击菜单 css

Question

基本上我只是想知道如何使用 css 更改右键菜单的外观。我没有尝试任何东西，因为我不知道要开始。

提前致谢

Answer 1

遗憾的是，您无法使用 CSS 更改右键单击菜单样式，但您可以禁用它并使用 HTML、CSS 和 [=24 从头开始​​创建一个=]

您可以通过添加此代码来处理右键单击事件（上下文菜单事件）：

document.addEventListener('contextmenu', function(e){
   e.preventDefault();
});

这部分 e.preventDefault(); 将禁用右键单击的默认行为并且上下文菜单将不再出现，现在您需要为样式化的上下文菜单添加功能和新样式

如果您仍然不确定如何制作，这里有一个教程，可以帮助您完成想要实现的目标 https://www.sitepoint.com/building-custom-right-click-context-menu-javascript/