草庐IT

article_material

全部标签

html - Angular Material : How to change top padding of mat-grid-tile

我正在使用angular-materialAngular为5.mat-grid-tile有它自己的顶部填充,使用calc方法计算。我想在mat-grid-tile上设置自定义填充。我该怎么做? 最佳答案 网格图block组件会在元素本身上动态设置顶部内边距,因此您需要在CSS中使用!important修饰符来覆盖它。HTML:CSS:.my-grid-tile{padding-top:24px!important;} 关于html-AngularMaterial:Howtochanget

html - Material UI Drawer 不会在 Appbar 下移动

我有一个Appbar和一个抽屉就在它下面。在这两个组件下,我有3个带有Bootstrap的div,在每个div中,我都有一组按钮。问题是Drawer覆盖了Appbar,我似乎无法移动它。这是我的代码:title1212MohnweckerlWienerGouda在第一个bootstrap列之后,另一个"col-sm-4"紧随其后,然后是"col-sm-2"。这些按钮位于GridList中这是视觉效果抽屉应该从箭头相交的地方开始。有什么想法吗? 最佳答案 Material-UI文档将其称为抽屉clippedundertheappbar

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

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

javascript - Angular Material 中居中对齐的网格列表

我想在AngularMaterial中获得居中对齐的网格列表。这是我的代码:{{item.name}}我得到这样的结果:但我想这样:我希望同一个网格列表居中对齐。这是fiddlecode. 最佳答案 您可以使用CSSFlexbox。使用display:flex和使用justify-content:center让你的父级(即md-grid-list)成为一个flex容器将其子项(即md-grid-tile)水平居中对齐。喜欢:md-grid-list{display:flex;flex-wrap:wrap;justify-conten

javascript - Angular Material - 为树添加分支线?

我用Angularmaterialtree创建了一个简单的树:https://stackblitz.com/edit/angular-exhejg-vx5i7c?file=app/tree-dynamic-example.html{{node.item}}{{treeControl.isExpanded(node)?'expand_more':'chevron_right'}}{{node.item+'2'}}看起来像:但是如何添加支线呢?类似的东西(来自here): 最佳答案 没有开箱即用的此类功能。但是您可以通过CSS应用它。有

javascript - AngularJS Material 布局 - 弹性问题

我在设置布局的弹性属性时遇到问题。这是一个笨蛋:http://embed.plnkr.co/0SrUp25FvT2PAsJDEwF3/previewEnterRoom'sNameCreateChatRoom这是文档的链接:https://material.angularjs.org/#/layout/gridinput(文本)和input(按钮)的flex属性不服从flex属性的问题。我想要实现的是这样的: 最佳答案 这是我试过后的结果希望对您有所帮助:EnterRoom'sNameCreateChatRoom

html - 覆盖 Materialize CSS 属性

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

html - "Click here to read this article""Read More"为什么这些对屏幕阅读器不利?

我在段落末尾使用“阅读更多”只是为了提醒像P.T.O一样的用户为什么会有问题? 最佳答案 您必须明白,许多屏幕阅读器用户不会等到整个页面都读给他们听。他们使用键盘快捷键在页面中导航。JAWS(可以说是最常见的屏幕阅读器)有几个非常有用的快捷键组合。特别是在任何给定页面上拉出所有超链接的列表。这样,用户无需等待读者到达他们感兴趣的页面部分,然后再找出页面包含的链接类型。他们只需使用快捷方式即可按需一次性获得所有链接列表。当您使用链接列表快捷方式时,您的“阅读更多”链接就完全没用了。当查看页面上所有链接的巨大列表时,用户只需阅读标签内的

javascript - Materialise material_select is not a function 错误

这是我第一次在这里提问,因为我找不到问题的答案。我正在使用物化并尝试使用material_select()。这是我的主页,其中包含jQuery和materialize库以及对sidenav()和material_select()的document.ready调用。Sidenav工作正常,但material_select()抛出一个UncaughtTypeError。$(document).ready(()=>{$("#slide-out").sidenav();$("select").material_select();});这是我使用select的html:PublicPrivate

html - Angular Material : how to set floatPlaceholder to never

库:AngularMaterial(material2)我想使用MdInputContainer的floatPlaceholder指令,以便占位符/提示永远不会float。我没有看到它在文档中声明了它期望的值:@Input()floatPlaceholder:Whethertheplaceholdershouldalwaysfloat,neverfloatorfloatastheusertypes.取自:https://material.angular.io/components/input/api我已经尝试了false和"never"作为我最好的猜测值,但都没有阻止占位符float在