当 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 {&nbsp; &nbsp; text-decoration: none;}