使用materialize.css时，不显示选择元素
可能是由以下几个原因引起的：
- 引入错误：请确保正确引入了materialize.css文件，并且路径设置正确。可以通过检查浏览器开发者工具中的网络面板来确认文件是否成功加载。
- 元素类名错误：在HTML中，确保你的选择元素使用了正确的类名。materialize.css使用特定的类名来定义样式，例如使用
.input-field类来定义输入框样式。请参考materialize.css的官方文档以获取正确的类名。 - JavaScript初始化问题：某些materialize.css组件需要通过JavaScript进行初始化才能正常工作。例如，下拉选择框（select）需要通过JavaScript初始化才能显示正确的样式和功能。请确保你在页面加载完成后调用了相应的JavaScript初始化函数。
- 样式冲突：如果你在使用materialize.css的同时自定义了一些样式，可能会导致选择元素不显示。请检查是否存在样式冲突，并适当调整样式。
如果以上方法都无法解决问题，建议参考materialize.css的官方文档或社区论坛，寻求更详细的帮助和支持。
腾讯云相关产品推荐：
相关·内容
1回答
使用materialize.css时，不显示选择元素
css、materialize
只有选择的元素不会显示。我尝试过使用local和CDN materialize 1.0.0，它们都不起作用。我也尝试过在不使用materialize的示例的情况下创建select元素。检查开发人员工具时，select元素和option元素是可见的。当注释materialize.css out时，将显示select element，并成功获取所有响应并运行materialize.js
浏览 32提问于2019-01-24得票数 0
回答已采纳
我正在尝试从materialize.css中提取使用以下页面导航按钮所需的css：
<div id="btnDelete"><i id="btnDeleteI"问题:为什么需要提取，为什么不直接使用整个materialize.css文件呢？我不能使用整个文件，因为它会导致对页的其余部分进行不必要的修改，而这些修改不能被修改。我尝试了下面的建议。这破坏了material
浏览 8提问于2016-01-25得票数 1
回答已采纳
1回答
为什么我的css被scss覆盖，甚至不包括
css、materialize
我正在研究css的物化并使用这个库。
当时我只包含两个css文件。<link type="text/css" rel="stylesheet" href="css/materialize.css</e
浏览 1提问于2018-08-04得票数 0
回答已采纳
2回答
更改物化滚动间谍函数的默认外观
javascript、html、css、materialize
我正在使用框架为我的网站。我正在使用滚动间谍功能的导航栏。但我想改变默认的红色到白色，并从垂直线改为水平线之下的导航链接。
浏览 2提问于2016-02-11得票数 1
回答已采纳
1回答
用Materialize.css 1.0.0设置没有jQuery的下拉select值
javascript、materialize
在我的项目中，我保存select元素的值，并在页面加载中将它们设置为用户上次选择的内容。这过去只通过设置.value = "x"来工作，但现在我无法设置值，我只能按照物化文档的要求使用instance.getSelectedValues();获得它们？无法确定如何设置Materialize.css下拉列表的值。我用倍数。
我不使用jQuery。
浏览 0提问于2018-04-14得票数 3
回答已采纳
3回答
当单击内部时，防止物质化下拉菜单关闭。
javascript、jquery、reactjs、materialize
我在当前的项目中使用了Materialize.css，并且我已经下拉了其中的一些输入表单。下拉列表可以选择以下列方式结束：
我需要的是在单击内部时不要关闭
浏览 3提问于2016-10-05得票数 4
回答已采纳
3回答
材料化数据报警器不工作
datepicker、material-design、materialize
我第一次在我的web应用程序中使用materializecss，而且我正在与datepicker进行斗争。它根本不起作用。我导入了materialize.css和js文件并使用了以下代码 <input type="date" class="datepicker" />并添加了脚本代码 format:
浏览 4提问于2016-03-12得票数 5
2回答
ng-模型未绑定到选择选项
javascript、angularjs
当从选择框中选择一个选项时，我的ng-model没有更新。我在我的应用程序中使用了Materialize.css，并且我的select元素被包装在一个div和ul-li中。因此，当用户选择一个值时，他实际上修改的是ul-li，而不是select元素。
浏览 2提问于2016-10-19得票数 0
1回答
是否可以将类从物化导入到SCSS文件中？
css、sass、django-templates
我正在使用类div在lucy-terms元素中编写一些HTML。在该元素中，我希望所有p元素都自动向它们添加物化类。下面是HTML的一个片段(实际上是使用的Django模板) <head> <link rel="stylesheet" href="https://cdnj
浏览 0提问于2018-04-06得票数 0
回答已采纳
1回答
OpenShift上的Laravel5.1资产(js、css、img)不起作用
php、laravel、laravel-5.1、openshift、assets
但是，当我尝试使用{{ asset() }}处理css和js文件时，出现了一个错误，并且没有显示更改。
请帮帮忙。谢谢。<link type="text/css" rel="stylesheet" href="{{ asset('plugins/materialize/css/materialize.css') }}">
浏览 2提问于2016-04-16得票数 0
回答已采纳
2回答
在卡玛茉莉花中测试表单
angularjs、jasmine、karma-runner、angularjs-e2e
当我输入错误的凭据并单击该按钮时，会出现带有适当消息的通知。不幸的是，在因果报应的iframe中没有显示这个div，所以下一个期待失败了，因为选择器不匹配任何元素。button.btn').click();}
选择器.msg h1不匹配任何元素。当
浏览 1提问于2013-10-10得票数 0
1回答
键盘TAB选项不可见
html、css、focus、angular6、primeng
我有一个角度应用程序，当我使用键盘TAB在元素周围移动时，当前的聚焦元素没有突出显示。
然后我添加了下面的CSS，但它只适用于鼠标悬停，而不适用于选项卡选择。important;}我一直在测试，当我强制在chrome developer tools中选择focus时，它是工作的，但当我选
浏览 0提问于2018-11-09得票数 1
3回答
样式表的css处理顺序
javascript、html、css
我知道样式是按级联顺序应用的，但从我使用物化框架开始，我在级联样式方面遇到了一些问题。样式表是在我在html页面中引用它们时加载的：
当我查看如何在DOM中应用它们时，我发现它们不是按加载的顺序应用的。但我需要有一种方法来可靠地覆盖有选择地实现css。我很肯定有。但是怎么做呢？
浏览 1提问于2015-12-28得票数 0
回答已采纳
1回答
Android可视化编辑器不允许编辑
android、eclipse
使用Android可视化编辑器时，大纲视图中的属性大部分似乎处于禁用状态。只有那些在打开布局文件时已经有一些内容的属性可供编辑。其他的可能会在点击时弹出一些窗口，但即使选择了一些东西，也没有什么变化。
似乎没有任何有意义的东西可以通过Android SDK管理器或Eclipse插件进行更新。我正在使用Eclipse3.7。
浏览 7提问于2013-11-18得票数 1
1回答
css选择器的适当排序是什么？如p.class或.class p
css、css-selectors
这些应用的方式有什么不同，在使用这些规则时是否有任何指导规则？(以避免在做错事时产生的css困惑)
使用“直接选择”elementtype.class{}或elementtype#id{}直接将样式应用于元素。用于样式设计，目的是在每次使用规则时影响一次。空白更改、显示更改、非继承字体更改。直接选择不继承子元素，它仅应用于父元素。使
浏览 1提问于2011-01-20得票数 3
回答已采纳
1回答
当数据发生变化时，如何在Excel中保持图形格式？
excel、vba、graph、charts、format
要绘制的数据来自一个动态序列，其中用户选择一个元素，然后用图形显示所选元素的浓度。
我已经尝试使用：.ProtectFormatting = True锁定所有图表的格式
工作表受到保护，用户只能选择要绘制图形的元素。通过选择元素，要绘制的线条会更新(使用动态指针)，但格式也会更
浏览 0提问于2015-10-20得票数 0
2回答
jQuery同位素复选框筛选，如果全部取消选中，则不显示任何项目
jquery、checkbox、jquery-isotope
这是关于过滤jQuery同位素项选择器的输入复选框。
参考演示，页面加载时复选框处于选中状态。然而，当用户取消选中所有内容时，我偶然发现了这个问题，它将只显示所有的.items，而不是一个空的容器。
浏览 0提问于2013-01-10得票数 6
回答已采纳
1回答
DIV vs table -对于信息，哪个更适合在广告网站上存储信息？
javascript、html、jquery、css
我已经开始从HTML表迁移到div元素，或者在某些测试用例中，迁移到div中的表。一般来说，如果我创建一个模板，当你处理信息时，哪一个更好；表，表中的DIV，还是我一直在试验的，flexbox和grid？
浏览 15提问于2021-02-05得票数 0
1回答
使用:不选择元素
angularjs、protractor
使用此操作，最终列单元格都共享一个类似的类"total-cell"。我希望忽略的tr有一个名为ng-hide的类，因此我在选择器中添加了一个not语句，但它不起作用。我是不是遗漏了什么？var elements = element.all(by.css('tr:not(.ng-hide) > td > .total-cell'))
运行第二个选择器语句具有与第一个相同的效果(就好像忽略了
浏览 1提问于2016-02-17得票数 2
回答已采纳
4回答
材料化，垂直偏移下拉菜单内容
css、materialize
以下是默认行为：如果我在50px中将顶部更改为materialize.css，它实际上会将其移动50个像素，并将元素样式设置为top: -50px。以下是代码： top: 50px;但是，当它呈现时，元素如下所示：
<ul id="dropdown1" class="dropdown-content216px; transform-origin: 0px 0px 0px; opacity: 1; transform: scaleX(1) s
浏览 3提问于2018-05-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
