jquery - 实现 css 与选择发生冲突

Question

我正在使用 cordova 开发应用程序。因为我使用了 jquery 移动 css 和 js，而且我正在使用 materialize css 和 js。现在我在包含具体化 css 和 js 文件后面临问题。我使用 select 来选择值。但是不显示下拉列表。但是当我删除 materialize css 文件时，会出现下拉列表。如何在不删除任何文件的情况下解决问题。

<select>
    <option> test </option>
    <option> test1 </option>
    <option> test2 </option>
</select>

我只尝试了一个普通的选择示例。

提前致谢。

Answer 1

具体化 css 文件集 select{ display: none }因为它为 <select> 使用自己的 jQuery 插件标签(参见 http://materializecss.com/forms.html )。

因此，您要么需要使用 Materialise 提供的 jQuery 插件，要么覆盖

select{ display: none }自己。