当 div 样式显示 none 时删除 text-decoration 直到事件被触发？

Question

我正在为我的网站进行移动优化，但在让菜单以我想要的方式显示时遇到了问题...我无法从链接中删除下划线。在页面加载时，标题会显示企业徽标、菜单按钮和电话号码。当用户单击菜单按钮时，我希望电话屏幕显示按钮以将它们链接到其他页面。这是有效的，但我无法摆脱链接上的下划线。function dispmenu(){    document.getElementById('toolbar').style.display='block';    document.getElementById('menubutton').style.display='none';    document.getElementById('contact_bar_phone').style.display='none';    document.getElementById('logo').style.display='none';}var buttonsmob = `    <span id='toolbar' style='display:none;'>    <a href='https://www.home.com'><div class='toolbarbutton'>Home</div></a>    <a href='Locations.php'><div class='toolbarbutton'>Locations</div>    <a href='ContactUs.php'><div class='toolbarbutton'>Contact Us</div></a>    <div onclick='closemenu()' class='toolbarbutton'>Close Menu</div>    </span>`;我曾尝试添加text-decoration: none;到 css.toolbarbutton a{ .toolbarbutton{和function dispmenu(){    document.getElementById('toolbar').style.display='block';    document.getElementById('toolbar').style.text-decoration='none';}但这一切都不起作用。我觉得这是因为该项目设置为 display: none on page load，但不知道如何解决？

Answer 1

你应该使用：

a {

    text-decoration: none;

}