草庐IT

GL_COLOR_MATERIAL

全部标签

html - 仅使用 html/css 更改悬停时的 Google Material Icon

我想在按钮悬停时更改GoogleMaterialIcon(实际图标本身)。我想只使用HTML和CSS来做到这一点。我希望它从“加号”图标变为“检查”图标之类的东西,特别是使用“完成”图标。下面的代码笔。谢谢.material-icons.md1{font-family:'MaterialIcons';font-weight:normal;font-style:normal;font-size:33px;margin-top:12px;}.btnwrap{position:fixed;z-index:2;height:60px;width:300px;background-color:#

javascript - 更改 Angular Material 输入样式

我正在尝试更改AngularMaterial输入的样式。到目前为止,我设法改变了background-color使用:md-input-container{padding-bottom:5px;background-color:#222;}占位符和标签颜色使用:md-input-container.md-default-themelabel,md-input-container.md-default-theme.md-placeholder{color:#FDFE67!important;}但是当我们聚焦输入时,我无法更改文本下方的线条颜色,而当我们输入输入时,我无法更改文本颜色。这是

javascript - 更改 Angular Material 输入样式

我正在尝试更改AngularMaterial输入的样式。到目前为止,我设法改变了background-color使用:md-input-container{padding-bottom:5px;background-color:#222;}占位符和标签颜色使用:md-input-container.md-default-themelabel,md-input-container.md-default-theme.md-placeholder{color:#FDFE67!important;}但是当我们聚焦输入时,我无法更改文本下方的线条颜色,而当我们输入输入时,我无法更改文本颜色。这是

html - Angular Material 中的条件弯曲

给定Bootstrap布局定义ng-class="{'col-sm-6':vm.data.mode==='ADD','col-sm-3':vm.data.mode==='EDIT'}"AngularMaterial当量是多少?(如果vm.data.mode==='ADD'设置flex="50",如果vm.data.mode==='EDIT'设置flex="25") 最佳答案 您可以在下面尝试。 关于html-AngularMaterial中的条件弯曲,我们在StackOverflow上找

html - Angular Material 中的条件弯曲

给定Bootstrap布局定义ng-class="{'col-sm-6':vm.data.mode==='ADD','col-sm-3':vm.data.mode==='EDIT'}"AngularMaterial当量是多少?(如果vm.data.mode==='ADD'设置flex="50",如果vm.data.mode==='EDIT'设置flex="25") 最佳答案 您可以在下面尝试。 关于html-AngularMaterial中的条件弯曲,我们在StackOverflow上找

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