Javascript 下拉列表未获取asp.net中的CSS

我正在尝试从教程中创建一个下拉列表。这些函数似乎工作得很好，但它没有得到CSS

这就是它看起来的样子。

因为按下按钮时会刷新页面。我试着把它作为一个例子来添加，但仍然是同样的问题，CSS没有得到实现

有什么建议吗

这是截取的代码：

/*当用户单击按钮时，
在隐藏和显示下拉内容之间切换*/
函数myFunction（）{
document.getElementById（“myDropdown”）.classList.toggle（“show”）；
}
函数filterFunction（）{
var输入、滤波器、ul、li、a、i；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
div=document.getElementById（“myDropdown”）；
a=div.getElementsByTagName（“a”）；
对于（i=0；i-1）{
a[i].style.display=“”；
}否则{
a[i].style.display=“无”；
}
}
}

.dropbtn{
背景色：#4CAF50；
颜色：白色；
填充：16px；
字体大小：16px；
边界：无；
光标：指针；
}
.dropbtn:悬停，.dropbtn:焦点{
背景色：#3e8e41；
}
#我的输入{
边框框：框大小；
背景图片：url（'searchicon.png'）；
背景位置：14px 12px；
背景重复：无重复；
字体大小：16px；
填充：14px 20px 12px 45px；
边界：无；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f6f6f6；
最小宽度：230px；
溢出：自动；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉列表a:悬停{背景色：#ddd}
.show{display:block；}

下拉列表

可能是css在单独的文件中的问题，即在同一行中 .下拉菜单a:悬停

---

背景色属性值后缺少分号？

可能是css在单独文件中的问题，该行 .下拉菜单a:悬停

---

背景色属性值后缺少分号？

对我来说很好。。。snipet很好用。你的代码片段在最新版本的chrome、firefox和ie中都能正常工作，看起来一点也不像你的图片。是的，这是我不理解的。css代码位于所有其他设计所在的同一文件中。。它就是不起作用。我强制刷新了页面。这对我来说是不可能的！可能是ASP.net的问题？即使导入了CSS文件。它只读取少数CSS类。。不是所有的。。如何解决此问题？您使用的是web窗体还是mvc asp.net？使用chrome（f12）中的开发人员工具检查元素，查看应用了哪些类以及覆盖了哪些类（您也可以使用firefox中的firebug）。这可能是一个问题。还要检查CSS中的语法错误，这些错误可能会使未应用的类无效。。。snipet很好用。你的代码片段在最新版本的chrome、firefox和ie中都能正常工作，看起来一点也不像你的图片。是的，这是我不理解的。css代码位于所有其他设计所在的同一文件中。。它就是不起作用。我强制刷新了页面。这对我来说是不可能的！可能是ASP.net的问题？即使导入了CSS文件。它只读取少数CSS类。。不是所有的。。如何解决此问题？您使用的是web窗体还是mvc asp.net？使用chrome（f12）中的开发人员工具检查元素，查看应用了哪些类以及覆盖了哪些类（您也可以使用firefox中的firebug）。这可能是一个问题。还要检查CSS中的语法错误，这些错误可能使未应用的类无效。