草庐IT

Materialize

全部标签

html - 物化框架中的水平和垂直对齐

如何使登录框水平和垂直居中?这是我的结构:SignInFirstNameLastName我尝试使用valign-wrapper和valign类,但它不起作用。 最佳答案 这是正确的(materializecss)方法,没有凌乱的css:SignInFirstNameLastName 关于html-物化框架中的水平和垂直对齐,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/31854

javascript - 实现 css - 更改 toast 对话框的位置

我正在使用Materializecss(www.materializecss.com)。想要更改toast对话框的位置。在较小的屏幕上,它位于正确的位置。对于宽屏和盒子布局,它会出现在我布局的右上角。(http://materializecss.com/dialogs.html)当toast被触发时,它会在正文中附加“”。我不想将它附加到正文中。我想要它在特定的div中。 最佳答案 可以通过使用!important将#toast-container的默认值设置为auto来更改toast对话框的位置。例如,如果您想要在桌面屏幕上与默认

javascript - 实现 css - 更改 toast 对话框的位置

我正在使用Materializecss(www.materializecss.com)。想要更改toast对话框的位置。在较小的屏幕上,它位于正确的位置。对于宽屏和盒子布局,它会出现在我布局的右上角。(http://materializecss.com/dialogs.html)当toast被触发时,它会在正文中附加“”。我不想将它附加到正文中。我想要它在特定的div中。 最佳答案 可以通过使用!important将#toast-container的默认值设置为auto来更改toast对话框的位置。例如,如果您想要在桌面屏幕上与默认

javascript - 如何离线托管素材图标?

如果这是一个非常简单的问题,我很抱歉,但是你如何使用没有的谷歌Material图标?我希望我的应用程序即使在用户没有互联网连接时也能显示图标 最佳答案 方法二、自托管DeveloperGuideDownload来自github的最新版本(Assets:zip文件),解压并复制包含Material设计图标文件的字体文件夹到您的本地项目中--https://github.com/google/material-design-icons/releases您只需要使用font来自存档的文件夹:它包含不同格式的图标字体(用于多种浏览器支持)和

javascript - 如何离线托管素材图标?

如果这是一个非常简单的问题,我很抱歉,但是你如何使用没有的谷歌Material图标?我希望我的应用程序即使在用户没有互联网连接时也能显示图标 最佳答案 方法二、自托管DeveloperGuideDownload来自github的最新版本(Assets:zip文件),解压并复制包含Material设计图标文件的字体文件夹到您的本地项目中--https://github.com/google/material-design-icons/releases您只需要使用font来自存档的文件夹:它包含不同格式的图标字体(用于多种浏览器支持)和

javascript - Materialize CSS 在表单字段上显示错误

是否可以手动设置表单字段的验证错误颜色?我无法真正弄清楚它是如何对theirsite进行验证的.似乎浏览器是根据type属性自动执行的。但是我需要附加什么CSS才能触发该状态?我需要对文本字段进行自定义验证,而浏览器自动执行的验证是不够的。 最佳答案 正如我已经在评论中写的那样。您只需将invalid类添加到您的元素。下次您可以使用Chrome中内置的检查元素工具。 关于javascript-MaterializeCSS在表单字段上显示错误,我们在StackOverflow上找到一个类似

html - 覆盖 Materialize CSS 属性

我首先包含了Materialise的CSS,然后我已经链接了我的css文件。其中我有一个示例类,将background-color属性设置为red,但不会覆盖默认颜色(由materialize-css设置).举个例子:https://jsfiddle.net/79ss2eyr/1/我不想更改materialize的源文件中的任何内容,而是想添加额外的类并设置额外的颜色。检查员是这样说的:我应该怎么做,为什么我的css属性没有覆盖materialize的,因为它链接在框架的之后? 最佳答案 InnMaterialise的规则由foot

javascript - 是否可以使 materialize.css 模式更大并删除垂直滚动条?

我刚刚创建了按钮,点击后会弹出一个模式,每个按钮都有一个显示不同练习gif的模式。然而,模态框太小,导致用户无法看到整个gif,迫使他们向下滚动。我想删除滚动条并使模式更大,以便用户可以看到整个gif。任何帮助都会很棒,这是我的代码笔https://codepen.io/anon/pen/gPwvedHTMLAgreejQuery-我创建了6个具有不同ID的点击函数,这是其中一个示例,如果您需要完整代码,请参阅我的代码笔$("#chest").on("click",function(){$("h4").html("BenchPress");$("p").html("");$("#mod

jquery - Materialize CSS - Sidenav 覆盖覆盖所有页面

我用的是Materializecss,想把中小屏的导航栏改成sidenav。我就像在documentation中那样做了.问题是,当我单击菜单按钮时,sidenav已打开,但如下图所示我无法点击sidenav中的链接,因为sidenav-overlay覆盖了所有页面,甚至是sidenav本身。当我尝试单击链接时它正在关闭。任何建议如何解决它?HTML:menuHowItWorks?TechnologyPricingMoreRequestDemoHowItWorks?TechnologyPricingMoreRequestDemo我意识到固定导航栏的z-index为997(其中siden

css - 在 Materialize.css 框架中更改下划线输入和标签的颜色

我正在使用Materialize.css框架,我注意到文本input字段的颜色是绿色的,label也是。有没有办法将颜色更改为不同的颜色?Username 最佳答案 可以根据MaterializeDocs通过使用:/*labelfocuscolor*/.input-fieldinput[type=text]:focus+label{color:#000;}/*labelunderlinefocuscolor*/.input-fieldinput[type=text]:focus{border-bottom:1pxsolid#000;