草庐IT

materialize

全部标签

html - 是否可以将 React 单页网站导出为 HTML?

我有一个使用React和materialize-css的单页Web应用程序,我想将其导出为静态HTML和CSS,以便可以轻松编辑HTML以进行原型(prototype)设计。是否可以至少导出当前状态的快照?我在Firefox和Chrome中试过“保存页面”,但效果不佳。 最佳答案 请按照以下步骤操作:-1.在浏览器中,找到开发者工具,2.选择Inspector(firefox)/Elements(chrome),3.然后选择标签HTML,右击它,4.然后点击编辑为HTML。现在您可以复制所有代码并保存。虽然文档的颜色和形状仍然存在,

javascript - Materialise CSS sidenav 'options' 未定义

我将以下代码用于在materializecss网站中找到的NavBar。LogomenuSassComponentsJavascriptMobileSassComponentsJavascriptMobile文档说使用下面的JavaScript代码来初始化插件。document.addEventListener('DOMContentLoaded',function(){varelems=document.querySelectorAll('.sidenav');varinstances=M.Sidenav.init(elems,options);});但是,运行时它说'options

javascript - Materialise CSS sidenav 'options' 未定义

我将以下代码用于在materializecss网站中找到的NavBar。LogomenuSassComponentsJavascriptMobileSassComponentsJavascriptMobile文档说使用下面的JavaScript代码来初始化插件。document.addEventListener('DOMContentLoaded',function(){varelems=document.querySelectorAll('.sidenav');varinstances=M.Sidenav.init(elems,options);});但是,运行时它说'options

html - Angular Material 2 : How to style an md-grid-tile?

除了默认的中心对齐方式之外,如何以不同方式对齐md-grid-tile内的元素? 最佳答案 您可以使用::ng-deep覆盖md-grid-tile的默认css。CSS:::ng-deepmd-grid-tile.mat-grid-tile.mat-figure{align-items:initial;/*verticalalignment*/justify-content:initial;/*horizontalalignment*/}Plunkerdemo 关于html-Angula

html - Angular Material 2 : How to style an md-grid-tile?

除了默认的中心对齐方式之外,如何以不同方式对齐md-grid-tile内的元素? 最佳答案 您可以使用::ng-deep覆盖md-grid-tile的默认css。CSS:::ng-deepmd-grid-tile.mat-grid-tile.mat-figure{align-items:initial;/*verticalalignment*/justify-content:initial;/*horizontalalignment*/}Plunkerdemo 关于html-Angula

html - Angular Material 将图像放在 <mat-select> 的选定值上

我在Angular2元素中使用了AngularMaterial。我想在mat-select的选定值中放置一个静态图像(html元素)。但我没有找到解决办法。有人可以帮助我吗? 最佳答案 当谈到这种或类似情况时,我是这样做的:当然,内部标签和`也可以是任何标签以及img,它们可以工作!! 关于html-AngularMaterial将图像放在的选定值上,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/q

html - Angular Material 将图像放在 <mat-select> 的选定值上

我在Angular2元素中使用了AngularMaterial。我想在mat-select的选定值中放置一个静态图像(html元素)。但我没有找到解决办法。有人可以帮助我吗? 最佳答案 当谈到这种或类似情况时,我是这样做的:当然,内部标签和`也可以是任何标签以及img,它们可以工作!! 关于html-AngularMaterial将图像放在的选定值上,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/q

html - 有条件显示的 Angular Material 2 Md-ToolTip

我正在尝试使用AngularMaterial2的MdToolTip.语法看起来像Ihaveatooltip但是,我想在我的anchor标签上实现这个功能。当我将鼠标悬停在ahchor标签上时,当class="not-active"正在运行时,我想显示工具提示。我怎样才能做到这一点?Link1/*disabledsidemenulinks*/.not-active{pointer-events:none;cursor:default;} 最佳答案 IwanttoshowthetooltipwhenIhoverovertheahchor

html - 有条件显示的 Angular Material 2 Md-ToolTip

我正在尝试使用AngularMaterial2的MdToolTip.语法看起来像Ihaveatooltip但是,我想在我的anchor标签上实现这个功能。当我将鼠标悬停在ahchor标签上时,当class="not-active"正在运行时,我想显示工具提示。我怎样才能做到这一点?Link1/*disabledsidemenulinks*/.not-active{pointer-events:none;cursor:default;} 最佳答案 IwanttoshowthetooltipwhenIhoverovertheahchor

javascript - Angular/Material 中的样式化 mat-form-field 输入

我有一个带有输入的mat-form-field,我想为其添加自定义样式,但是我在AngularMaterial官方网站上找不到任何关于此的文档。我的最终目标是:更改输入框选中后的下划线颜色删除float标签(如果可能-我知道这是一项功能但现在已弃用)。我目前还不是最擅长使用Angular,但如果JS需要更改,那么我总能尽我最大的努力。我只需要一点指导。当前代码:Searchsearch当前的CSS://Changetextcolourwheninputtingtext.toolbar-search,mat-placeholder{color:white;}//Changestheund