草庐IT

material-icons

全部标签

javascript - 文本溢出 : ellipsis removes font-awesome icons

我有一个简单的表格,在它们的单元格中有FontAwesome图标。我使用纯javascript使表格列可调整大小。如果溢出并显示省略号(“...”),单元格内容将被隐藏:td,th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}问题:当调整列的大小时隐藏内容,然后再次变大时,除了第一个图标之外的所有图标都消失了。预期行为:再次使列变大时,图标应该会重新出现。请运行下面的代码片段以查看它的实际效果。非常感谢任何帮助!谢谢。(functionmakeTableHeaderResizable(){//clearresiz

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

javascript - 如何更改 Angular Material 上 mat-icon 的大小?

这个问题在这里已经有了答案:Howtochangemat-iconsizeinMaterial(11个答案)关闭2年前。AngularMaterial的mat-icon标签总是默认大小为24px。那么如何改变它...???.mat-icon{background-repeat:no-repeat;display:inline-block;fill:currentColor;height:24px;width:24px;}

html - 如何在 angularjs Material 设计中创建固定页脚

这是我的页面布局。HEADERINFOFOOTERINFO目前页脚显示在主要内容之后。取决于主要的页脚显示在屏幕中间某处或低于页面高度的大小。我希望页脚始终固定在屏幕底部。并且根据主要内容的大小,主要内容中应该有一个滚动条。谁能帮我解决这个问题? 最佳答案 你只需要添加和CSSoverflow-y:auto;.看到这个plunker:http://plnkr.co/edit/GQjcrqhwB2T5ohZwC5EL?p=preview 关于html-如何在angularjsMateria

html - 使用像谷歌 Material 一样的 Bootstrap 下拉菜单问题

我正在使用“bootstrap@4.0.0-beta”处理此表单。在此,我想创建下拉菜单,如下图所示,就像在Material设计中一样,但我想使用bootstrap来执行此操作。我正在尝试使用此代码,但它不起作用。有谁知道如何制作这样的下拉菜单。请帮我解决这个问题。谢谢DropdownbuttonActionAnotheractionSomethingelsehere示例图片/*formstartingstylings-------------------------------*/.group {position:relative;margin-bottom:45px;}inpu

html - Bootstrap navbar-toggler-icon 不可见但运行正常

这个问题在这里已经有了答案:Bootstrapnavbar:nothingisdisplayedonsmallerdevices(1个回答)关闭2年前。我正在尝试将我的Bootstrap导航栏实现到我的Handlebars布局文件中。我注意到Bootstrap发生了一些奇怪的事情,这也不异常(exception)。一旦我将窗口缩小到navbar-toggler-icon应该显示的大小,它就不可见了,但它仍然在那里正常工作,我只是看不到它。这是我的整个layout.hbs类:NavbarHome(current){{{body}}}这是一个发生了什么的例子:Pictureofwhatsh

html - Angular Material 布局对齐 = "center center"不工作

我正在尝试使用layout-align="centercenter",它应该将内容在垂直和水平方向上居中对齐。但它只是水平而不是垂直对齐内容。这是plnkrlink我正在尝试的代码。HelloAngular-material!FirstlineSecondline 最佳答案 它没有垂直居中的原因是因为你的包含layout-align属性的div没有高度。尝试类似的东西FirstlineSecondline 关于html-AngularMaterial布局对齐="centercenter"

c# - 用自己的图标替换 Google Material 图标,保留相同的内容代码或创建新的

GoogleMaterialIcons在图标字体系列中有不同的变体:Rounded、Sharp、TwoTone等。UX团队正在使用一些图标,并对它们进行一些自定义,稍微加粗或稍作修饰。是否可以替换/编辑图标,并保持相同的内容代码而不会出现任何问题?例子:我们正在使用VisualStudio.NetCore应用程序,并将MaterialIcons放在我们的库中。另外,是否可以创建新的内容代码?比如说,我创建了公司Logo。我可以为其分配内容代码吗?引用带有内容代码和类名的Material图标.carouselrightarrow{font-family:MaterialIcons;fon

html - 如何在 Material Design Components for Web 中设置主要颜色和次要颜色?

详情我研究了Web的MaterialComponents(MDC)并着手使用CDN(托管的CSS和JavaScript库):https://unpkg.com/material-components-web@latest/dist/material-components-web.min.csshttps://unpkg.com/material-components-web@latest/dist/material-components-web.min.js这得益于他们在[1中的getting-started-docs-page].同样,MDC有这个predecessor-slash-

javascript - Material Design Lite JS 不适用于动态加载的 html 文件

我想统一我网站的导航布局,所以我创建了一个单独的html文件来保存导航代码。我使用JS动态加载文件:$("#navigation").load("/navigation/navigation.html",function(){$.getScript('/material.min.js');});问题是material.min.js没有为这个html中的动态加载组件执行,我失去了一些关键功能。我该如何解决? 最佳答案 检查componentHandler是否加载,加载后尝试升级元素。if(!(typeof(componentHandl