草庐IT

GL_COLOR_MATERIAL

全部标签

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

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 - :hover inherit the link color by default怎么可以

我希望每个:hover自动继承为各自的a元素定义的颜色,如果没有具体定义的话。color:inherit;似乎没有这样做,有什么想法可以实现吗? 最佳答案 color:inherit告诉a元素从其父元素继承颜色,而不是其“正常”或“通用”状态。由于:hover只是a元素的一种状态,如果您没有为a:hover指定颜色,那么它将使用已经在例如a规则中为其声明的任何颜色。所以根本不指定颜色。如果已经设置了不同的值并且您想覆盖它,唯一的方法是设置与原始样式表中的a规则中给定的颜色相同的颜色。 关

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在

html - :hover color is not working

一个很奇怪的事情..我想在悬停时更改链接的文本颜色和背景颜色。这是代码CSS:#link-menua{color:white;display:block;height:100%;width:100%;text-decoration:none;text-align:center;line-height:45px;font-weight:bold;font-family:"trebuchetms","comicsansms";outline:none;}.link2a:hover{color:black;background:white;}并不是悬停不起作用。背景颜色正在改变,但文本颜色没

html - 使用 Material Design Lite 自动完成/搜索建议?

因此material-design-litev1.x中没有内置机制用于将“芯片”或列表附加到输入/搜索字段,和/或填充/显示在对事件的响应。我找到了这个:http://immybox.js.org/—但是MDL是否有一般的最佳实践,具有自动完成/搜索建议?或者,像MDL中的Google/YouTube搜索栏? 最佳答案 这里有一个线程:ComponentRequestAutocomplete·Issue#877·google/material...回答你的问题isthereabestpracticeingeneralforMDL,w

html - Angular Material 在移动设备上没有响应

我使用AngularMaterial开发了我的网站。桌面版是完美的。然而,当在移动设备上查看时,整个网站看起来破烂不堪且错位。我想知道这是否是因为我没有为网站上的每个元素设置cols大小?任何有关如何在移动设备上解决此问题的帮助将不胜感激。下面我附上了我的元标记,以防出现问题。网址是here连同sourcecode. 最佳答案 我已经确定,如果您为小屏幕添加适当的cols大小属性,这就解决了我的问题。所以在需要在手机屏幕上调整大小的html标签中使用md-cols-sm="2"。 关于h

javascript - 将图标添加到 Angular Material 输入

我正尝试在AngularMaterial之外的输入搜索栏中添加一个搜索图标:"ng-if="handleResize()"search-Focus>{{isEnglish?'Search...':'Recherche...'}}当我试图用我们可以在那里看到的图标重现示例时:http://codepen.io/anon/pen/rOxMdR,我有风格问题,没有任何东西能正常工作。知道如何简单地将搜索图标添加到我现有的输入吗? 最佳答案 当你使用angular-material-design和font-awesome-icon使用作为m

javascript - 如何使用 Material-UI 将排版主题默认值应用于常规标签?

所以,我读过https://material-ui.com/style/typography/我正在加载Roboto字体。我希望有一个简单的组件,例如:consttheme=createMuiTheme();constApp=()=>{return(Helloworld!);};将使用Roboto(默认字体)设置p标签的样式。但那不会发生。如果我将代码更改为:consttheme=createMuiTheme();constApp=()=>{return(Helloworld!);};它按预期工作。插入p标签以及排版css。我对图书馆的使用方式感到困惑:Material-UI的想法是我