gpt4 book ai didi

javascript - 在CSS中做一个下拉按钮

转载 作者:太空宇宙 更新时间:2023-11-04 00:36:50 24 4
gpt4 key购买 nike

我想在我的网站中加入一个下拉按钮,但我不知道为什么按钮的内容没有正确显示:

    <body> 
<div class="topnav">
<a id="inicio" href="index.php">Inicio</a>
<a id="contacto" href="login.php" >Login</a>
<a id="contacto" href="registro.php">Registro</a>
<a id="contacto" href="#" >Contacto</a>
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">Dropdown</button>
<div id="myDropdown" class="dropdown-content">
<a href="#home">Iniciar sesion</a>
</div>
</div>
<input type="text" placeholder="Search..">
</div>
<script>
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
</script>

</body>

您可以在这里尝试代码:https://jsfiddle.net/pgn6yw5f/

最佳答案

在您的 CSS 文件中设置下拉内容 a 的背景颜色。下面是一个例子

dropdown-content a {
/* Your other styling */
background-color: inherit;
}

解决了显示问题。

关于javascript - 在CSS中做一个下拉按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59236879/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com