草庐IT

material-icons

全部标签

javascript - 如何在 AngularJS Material 设计中创建一个简单的搜索输入文本?

我正在寻找一些简单的方法来获得类似于angular-mdl中可用于可扩展搜索文本字段的内容,如下所示。这将在点击时添加一个搜索按钮,它将扩展到文本字段。searchExpandableInput我的要求是当用户点击它时,卡片标题中的搜索按钮会向右对齐,它应该会展开以接受输入。我需要在Angular-Material中完成。任何输入或帮助..!谢谢。 最佳答案 我也在寻找Angular中带有Material的可扩展搜索的一些示例,并在Codepen中找到了这段代码,但不确定它是否正是您要查找的内容,它会打开带有后退按钮的全长输入...

javascript - 如何在 AngularJS Material 设计中创建一个简单的搜索输入文本?

我正在寻找一些简单的方法来获得类似于angular-mdl中可用于可扩展搜索文本字段的内容,如下所示。这将在点击时添加一个搜索按钮,它将扩展到文本字段。searchExpandableInput我的要求是当用户点击它时,卡片标题中的搜索按钮会向右对齐,它应该会展开以接受输入。我需要在Angular-Material中完成。任何输入或帮助..!谢谢。 最佳答案 我也在寻找Angular中带有Material的可扩展搜索的一些示例,并在Codepen中找到了这段代码,但不确定它是否正是您要查找的内容,它会打开带有后退按钮的全长输入...

javascript - Angular Material md-input-container 占用空间大

我正在处理AngularMaterial样本。根据我的默认代码md-input-container占用很大的空间。我的输出如下。但我发现md-input-content的空间较少,如下所示。我不知道该怎么做。我的md-input-container示例代码如下。Name 最佳答案 你可以阅读this相关文档关于您的问题的简单代码片段:NameSurname 关于javascript-AngularMaterialmd-input-container占用空间大,我们在StackOverfl

javascript - Angular Material md-input-container 占用空间大

我正在处理AngularMaterial样本。根据我的默认代码md-input-container占用很大的空间。我的输出如下。但我发现md-input-content的空间较少,如下所示。我不知道该怎么做。我的md-input-container示例代码如下。Name 最佳答案 你可以阅读this相关文档关于您的问题的简单代码片段:NameSurname 关于javascript-AngularMaterialmd-input-container占用空间大,我们在StackOverfl

html - 验证错误 "Bad value apple-touch-icon-precomposed for attribute rel on element link: Keyword apple-touch-icon-precomposed is not registered."

我在w3CHTML5验证器中遇到这个错误Line9,Column101:Badvalueapple-touch-icon-precomposedforattributerelonelementlink:Keywordapple-touch-icon-precomposedisnotregistered.…-icon-precomposed"sizes="72x72"href="images/sl/touch/m/apple-touch-icon.png">Syntaxoflinktypevalidfor:Awhitespace-separatedlistoflinktypesliste

html - 验证错误 "Bad value apple-touch-icon-precomposed for attribute rel on element link: Keyword apple-touch-icon-precomposed is not registered."

我在w3CHTML5验证器中遇到这个错误Line9,Column101:Badvalueapple-touch-icon-precomposedforattributerelonelementlink:Keywordapple-touch-icon-precomposedisnotregistered.…-icon-precomposed"sizes="72x72"href="images/sl/touch/m/apple-touch-icon.png">Syntaxoflinktypevalidfor:Awhitespace-separatedlistoflinktypesliste

html - Materialize css 图标不显示在 Safari 浏览器中

我注意到materializedCSS图标没有出现在Safari(v5.1.7(7534.57.2)中。关于这个主题搜索了很多,但没有'在列出safari的地方,没有任何关于浏览器兼容性的文档。如果这是一个需要修复的错误,或者是否有任何替代方法可以让我在Safari中正常工作,谁能告诉我。其他浏览器Safari浏览器PS:Otherfunctionalitiesofmaterializecssworkswellexcepticons 最佳答案 我遇到了完全相同的问题。以下方法帮助了我:我在使用materializecss提供的字体图

html - Materialize css 图标不显示在 Safari 浏览器中

我注意到materializedCSS图标没有出现在Safari(v5.1.7(7534.57.2)中。关于这个主题搜索了很多,但没有'在列出safari的地方,没有任何关于浏览器兼容性的文档。如果这是一个需要修复的错误,或者是否有任何替代方法可以让我在Safari中正常工作,谁能告诉我。其他浏览器Safari浏览器PS:Otherfunctionalitiesofmaterializecssworkswellexcepticons 最佳答案 我遇到了完全相同的问题。以下方法帮助了我:我在使用materializecss提供的字体图

html - Angular Material 工具栏高度问题

我使用AngularMaterialv.1.1.0-RC.5。我创建了简单的工具栏当浏览器宽度小于960p时,工具栏将其高度更改为48p。这看起来合乎逻辑,尽管我希望我的工具栏始终保持相同的高度。但真正让我感到困惑的是-当浏览器宽度小于500p-工具栏变得比之前更大(56p)!!我注意到一件事:浏览器高度应大于274p才能重现此行为。Isitanissue?Andisitpossibletodisabletoolbarresing?Liveexample(确保内容区域高度大于274p) 最佳答案 可以在css中指定高度来解决这个问题

html - Angular Material 工具栏高度问题

我使用AngularMaterialv.1.1.0-RC.5。我创建了简单的工具栏当浏览器宽度小于960p时,工具栏将其高度更改为48p。这看起来合乎逻辑,尽管我希望我的工具栏始终保持相同的高度。但真正让我感到困惑的是-当浏览器宽度小于500p-工具栏变得比之前更大(56p)!!我注意到一件事:浏览器高度应大于274p才能重现此行为。Isitanissue?Andisitpossibletodisabletoolbarresing?Liveexample(确保内容区域高度大于274p) 最佳答案 可以在css中指定高度来解决这个问题