草庐IT

material-calendarview

全部标签

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

html - 在 css 伪 :after content 中添加谷歌 Material 设计图标

我只是想添加一些谷歌Material设计icons到悬停链接的内容:a:hover::after{content:"link"}但是不行,请看我的fiddle. 最佳答案 将您的CSS更改为:a:hover::after{font-family:'MaterialIcons';content:"link";-webkit-font-feature-settings:'liga';}所以你可以改变内容:“[whatevericonhere]”;FIDDLE此外,fiddle没有正确加载图标字体,所以我将链接放在html中。

html - ng-map 尊重 ng-material 布局

我正在尝试使用具有两列的angularmaterialdesgin创建布局:123456没关系。但是如果我放置一个ng-map元素:123呈现为垂直堆叠。为什么?演示:https://plnkr.co/edit/mNdHAwGXC0vLE7Erttib?p=preview 最佳答案 调查console,您可以看到以下错误:TypeError:$element.bindisnotafunctionatnew__MapController(ng-map.js:318)flex属性正在应用样式如下的CSS类:./angular-mater

jquery - Materialize CSS - Sidenav 覆盖覆盖所有页面

我用的是Materializecss,想把中小屏的导航栏改成sidenav。我就像在documentation中那样做了.问题是,当我单击菜单按钮时,sidenav已打开,但如下图所示我无法点击sidenav中的链接,因为sidenav-overlay覆盖了所有页面,甚至是sidenav本身。当我尝试单击链接时它正在关闭。任何建议如何解决它?HTML:menuHowItWorks?TechnologyPricingMoreRequestDemoHowItWorks?TechnologyPricingMoreRequestDemo我意识到固定导航栏的z-index为997(其中siden

html - 如何让material-ui TableRowColumn跨越多列

它就像htmlcolspan属性。一些行的列数与其他行不同。谢谢 最佳答案 只需添加属性,例如: 关于html-如何让material-uiTableRowColumn跨越多列,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/43523667/

javascript - Angular Material 2 - 如何将垫子工具栏和垫子标签锁定到顶部

对于我的Website我正在尝试将锁定到屏幕顶部,然后直接在其下方我想锁定。我遇到的问题是那个位置:固定在CSS中根本没有锁定它,当我实际去网站检查元素时,它放入了一个我应该如何将这两个元素锁定到顶部,我应该如何绕过这个自动创建的Div?我之前有一个类似的问题,但我使用固定和绝对定位解决了这个问题,这不适用于这个新版本的Angular/AngularMaterial。SourceCodeformyWebsite 最佳答案 您是指粘性工具栏吗?只需将一个类添加到工具栏并使其具有粘性(使用position属性设置为sticky):.ap

html - 使 Material Design Lite 表格 100% 宽度的正确方法是什么?

我正在考虑使用Google'sMaterialDesignLite框架,我想知道如何使表格跨越其包含元素的100%宽度:拿这张表:MaterialQuantityUnitpriceAcrylic(Transparent)25$2.90Plywood(Birch)50$1.25Laminate(GoldonBlue)10$2.35我怎样才能让这个MDL表跨越100%的容器?我已经设置了这个JSFiddle表格示例取自docs. 最佳答案 只需在table和th中添加一个新的fullwidth类,直接将宽度设置为100%。.fullwi

css - 在 Materialize.css 框架中更改下划线输入和标签的颜色

我正在使用Materialize.css框架,我注意到文本input字段的颜色是绿色的,label也是。有没有办法将颜色更改为不同的颜色?Username 最佳答案 可以根据MaterializeDocs通过使用:/*labelfocuscolor*/.input-fieldinput[type=text]:focus+label{color:#000;}/*labelunderlinefocuscolor*/.input-fieldinput[type=text]:focus{border-bottom:1pxsolid#000;

html - 角度 Material : How to make content scrollable

我正在使用角Material,并想为我的应用程序设计一个布局。AngularMaterial-StarterAppToolbarLoremipsumdolorsitamet,nequodnovummei.Seaomniuminveniremediocremat,inlobortisconclusionemquenam.Nedelenitiappeterereprimiquepro,inanilabiturdisputationitesed.Atvixsaleomnesque,idprolabiturreformidansaccommodare,cumlaboreshonestatise