Javascript 如何删除react中锚定标记或链接标记的虚线?

Javascript 如何删除react中锚定标记或链接标记的虚线?,javascript,html,css,reactjs,Javascript,Html,Css,Reactjs,我目前正在使用react burger菜单制作一个可打开和关闭的侧导航栏。在导航栏内部,内容被包裹在锚定标记周围,锚定标记使其成为链接,下面有一条虚线。我尝试了很多方法来消除虚线,但都没有成功。下图显示了虚线的含义 react burger menu不强制任何样式,似乎此虚线样式是从其他地方继承的,您应该使用文本装饰:无覆盖虚线样式,但我建议仅为菜单项提供此样式,以避免css全局继承 需要查看开发人员工具才能了解发生了什么;您可以尝试添加“大纲:无!重要”;并查看它是否优先。我也尝试过这样

我目前正在使用react burger菜单制作一个可打开和关闭的侧导航栏。在导航栏内部,内容被包裹在锚定标记周围,锚定标记使其成为链接,下面有一条虚线。我尝试了很多方法来消除虚线,但都没有成功。下图显示了虚线的含义



react burger menu
不强制任何样式,似乎此虚线样式是从其他地方继承的,您应该使用
文本装饰:无
覆盖虚线样式,但我建议仅为菜单项提供此样式,以避免css全局继承



需要查看开发人员工具才能了解发生了什么;您可以尝试添加“大纲:无!重要”;并查看它是否优先。我也尝试过这样做,但没有成功。尝试将其应用于“.menu item”而不是“a”选择器。您是否能够制作代码沙盒?这甚至可能不是一个轮廓…它可能是一个虚线边框,甚至可能不在
上。太多的未知here@ShalinPatel我们所能做的就是猜测,除非您提供一个在Browser中显示实际问题的浏览器,否则它可能是css专用性问题,或者您的css文件没有正确导入/编译。最后一个猜测是,您可以尝试内联样式,看看情况是否发生了变化,否则,正如@charlietfl所说,如果没有更多的信息,就不可能解决这个问题。我是一个新的反应者和css,那么我如何将类似的东西放入内联css中呢。(a,a:active,a:focus{outline:none;})@ShalinPatel您需要学习如何在浏览器开发工具(F12)元素检查器中检查元素和样式规则。或者提供一个链接到一个我们可以在中查看的实例browser@ShalinPatel我更新了关于如何在React中使用内联样式的答案
a, a:active, a:focus {
   outline: none;
}