草庐IT

article_material

全部标签

javascript - 在 Angular Material Accordion 中打开第一个附加的扩展面板

显然,您可以在AngularMaterial扩展面板上使用输入expanded来默认在加载时打开特定面板。但是,我有一个Accordion,其中所有扩展面板都是动态生成的,并且都是可选的,但我希望打开第一个面板。我可以遍历每个使用模板生成面板的ngFor,看看它是否存在,然后在第一个索引上添加属性,但是有几个循环会拉入模板它看起来很乱。我希望能够在View完成后从mat-accordion中获取一些属性,以查看哪个是附加到Accordion的第一个并添加属性,但看起来它不是'不可能。任何人都知道是否有某种方法可以做到这一点? 最佳答案

html - <sections> 应该有 <articles> 还是 <articles> 应该有 <sections>?

我正在阅读MarkPilgirm的“DiveintoHTML5”和semanticssection,它讨论了HTML5如何引入和元素。它说s代表通用文档或部分,而s代表一个独立的组合。无论哪种方式,我都看不到逻辑上语义上的父子关系。我尝试通过HTML5Outliner运行以下代码并且它似乎表明无论它们如何嵌套,文档大纲都是一样的。所以我的问题是:应该嵌套在中s,应该嵌套在中s,还是从语义的角度来看无关紧要?sectionarticle?art1art2art3articlesection?sec1sec2sec3 最佳答案 以任何一

android - Material Design 没有样式化警报对话框

我已将appCompatMaterial设计添加到我的应用程序中,但警报对话框似乎没有使用我的主要颜色、主要颜色或强调色。这是我的基本风格:@color/apptheme_color@color/apptheme_color_dark@color/apptheme_color@color/action_bar_gray根据我的理解,对话框按钮文本也应该使用这些颜色。我的理解是错的还是我需要做更多的事情?解决方案:标记的答案让我走上了正轨。@color/apptheme_color@color/apptheme_color_dark@color/apptheme_color@color/

android - Material Design 没有样式化警报对话框

我已将appCompatMaterial设计添加到我的应用程序中,但警报对话框似乎没有使用我的主要颜色、主要颜色或强调色。这是我的基本风格:@color/apptheme_color@color/apptheme_color_dark@color/apptheme_color@color/action_bar_gray根据我的理解,对话框按钮文本也应该使用这些颜色。我的理解是错的还是我需要做更多的事情?解决方案:标记的答案让我走上了正轨。@color/apptheme_color@color/apptheme_color_dark@color/apptheme_color@color/

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

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

html - Bootstrap Material float 标签不适用于自动填充

我正在使用bootstrapmaterialkit在我的页面上,但我有一个标签在chrome中自动填充时没有出现的问题。我四处搜索,发现这是一个已知问题,并尝试使用建议的解决方案here.但它仍然不适合我。不知道如何解决?我是这样称呼我的样式表的:HTML:Password@if($errors->has('password')){{$errors->first('password')}}@endif和脚本:$(document).ready(function(){$.material.options.autofill=true;$.material.init();});

javascript - ReactJS + Material-UI : How to reduce column width of Material-UI's <TableRow/>?

我目前正在使用ReactJS+Material-UI,以及Material-UI的,列宽会根据内容自动设置。目前它似乎在所有列上强制执行相同的宽度,但我希望某些列比其他列占用更多的宽度。那么有没有办法任意分配的宽度呢?的专栏,仍然是基于内容的动态? 最佳答案 您可以设置TableHeaderColumn及其对应的TableRowColumns的样式。下面我将宽度设置为12像素(背景颜色设置为黄色只是为了进一步演示自定义样式)工作jsFiddle:https://jsfiddle.net/0zh1yfqt/1/const{Table,

css - 嵌套 <article> 和 <h1> 标签?

问题:以下哪一个是嵌套的正确方法?和标签,您背后的原因是什么?选项A:SomeTitleHere'ssometextandwhatnot.Here'sanotherparagraphfilledwithothertextandotherwhatnots.选项B:Here'saReallyAwesomeTitleHere'saparagraphwithtextandwhatnot.Andhere'sanotherparagraph.Ithinkthisoneisprettyawesometoo.对此似乎意见不一,我不是100%的正确答案。 最佳答案

HTML5 结构 - <article>、<section> 和 <div> 用法

美好的一天,我刚开始学习HTML5-没有问题,一切都很顺利。关于的语义用法,我只有一个小问题,和标签。我知道元素没有语义意义——在HTML5中它应该主要用于脚本/样式目的。在这里,一切对我来说都很清楚。我在SO问题中发现了很多有用的信息:HTML5hasnewtagsarticle,sectionandaside.WhenshouldIusedivtag?.但是,我对有一些问题和用法。W3CHTML5规范说标签Specifiesindependent,self-containedcontent,couldbeanews-article,blogpost,forumpost,orothe

html - Angular 4 Material - mat-button 样式未应用于 mat-dialog 组件

我想创建一个带有默认样式mat-button的mat-dialog来关闭对话框。除了按钮缺少AngularMaterial应用的MaterialDesign风格外,一切正常。如何让样式显示出来?据我所知,我已经按要求导入了所有模块,并且properlysetupeachpartofAngularMaterialincludingthethemes.my-dialog.component.ts:import{Component,OnInit}from'@angular/core';@Component({selector:'app-my-dialog',templateUrl:'./my