草庐IT

mat-button

全部标签

html - Angular Material : How to change top padding of mat-grid-tile

我正在使用angular-materialAngular为5.mat-grid-tile有它自己的顶部填充,使用calc方法计算。我想在mat-grid-tile上设置自定义填充。我该怎么做? 最佳答案 网格图block组件会在元素本身上动态设置顶部内边距,因此您需要在CSS中使用!important修饰符来覆盖它。HTML:CSS:.my-grid-tile{padding-top:24px!important;} 关于html-AngularMaterial:Howtochanget

JavaScript:禁用 <button> 直到选择值

我正在尝试为html5表单实现一个javascript代码,该代码将负责禁用/启用按钮,直到未选择选择元素。这是代码:HTML:Selecthere...CourseName1CourseName2CourseName3Start和JavaScript:functionenableStartBtn(){$('#startBtn').removeAttr('disabled');}functionTest(){varform=$('#courseForm');varcourse=$('#coursetype',form).val();if(course=='0'){alert('Sele

javascript - 分机 Js : make button a link

在ExtJs中,我希望我的一些按钮像链接一样工作(即)。我该怎么做。现在我正在添加一个执行window.location.href=http://....的处理程序.但我认为应该有更简单的方法-比如在菜单项中添加href属性。一些想法? 最佳答案 这就是它完成的方式......为了更便携,您可以将Ext.Button扩展到Ext.ux.LinkBut​​ton(或其他)并实现属性和这个扩展类中所需的行为(只是一个快速和肮脏的例子):Ext.ux.LinkButton=Ext.extend(Ext.Button,{href:null,

html - 在 angular7 中,如何在显示元素列表时更改 mat-select 的高度?

这个问题在这里已经有了答案:Stylingmat-selectinAngularMaterial(10个答案)关闭5个月前。在Angular7中,如何在显示元素时增加mat-select的高度?我有以下组件文件:import{Component,ViewEncapsulation}from"@angular/core";import{FormControl}from"@angular/forms";/**@titleSelectwithmultipleselection*/@Component({selector:"select-multiple-example",templateUr

html - Mat-icon 不在其 div 中心

我是css的新手,我无法将mat-icon(思想泡泡)与divclass=img(左侧的绿色方block)对齐-请参阅附图。此时图标有点靠近顶部为了添加svg图标,我使用了MaterialAngular-MatIconRegistry类(不知道它是否重要)我的结果:这是我的html:Sometexthere!这是我的CSS:$conainer-min-width:256px!default;$conainer-max-width:512px!default;$conainer-height:50px!default;div.container{max-width:$container-

javascript - 如果选择单选按钮 Show Div - 8 Radio Buttons/8 Divs - 这可以简化吗?

基本上,我想要8个单选按钮。如果选择了一个单选按钮,则下面会显示一个div。如果选择了另一个按钮,则会显示另一个div。一次只显示一个div,如果(最初)没有选择按钮,则不显示任何div。这是我的HTML,它是相当标准的,我并没有试图根据我的需要改进它。sim-microsim-minisim-maxisim-megaphone-smart-microphone-smart-miniphone-smartphone-smart-maxi然而,这是我的脚本,它看起来相当忙乱,在我继续之前我想知道有没有办法让这个更简单一点?$(document).ready(function(){$('.

jQuery-UI <button> 自动提交它的表单

当我点击,自动触发(GET-)submit事件。如何关闭此行为? 最佳答案 按钮有一个defaultoftypesubmit.只需将type="button"添加到标记中 关于jQuery-UI自动提交它的表单,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/5952001/

html - 使用 <button> 或 <a> 打开/关闭模式是否更方便?

这个问题在这里已经有了答案:Whyarebutton'sdiscouragedfromnavigation?(1个回答)关闭11个月前。社区在10个月前审查了是否重新打开此问题,然后将其关闭:原始关闭原因未解决据我了解,按钮用于执行功能,链接用于将用户导航到不同的页面。但就打开和关闭模式而言,最佳做法是什么?OpenModal或OpenModal

html - 为什么margin :0 auto; not work on this input button?

我正在尝试将输入按钮置于表单的中央,但通常的边距是:0auto;没有做任何事情。以下是我的HTML的设置方式:和CSS:body{padding:0;margin:0;width:100%;font-family:CenturyGothic,sans-serif;}.container{width:100%;}#contact-div{height:100vh;width:100%;background:url("images/contactpic3.jpg")no-repeatcenterfixed;background-size:cover;}.input-field{width:

html - 外部 ui-grid-menu-button

我想将ui-grid-menu-button与ui-grid-menu分开。所以我的选择列按钮将在另一个地方。我试图在toggleMenu功能上放一个watch,点击我的按钮它应该触发并打开列表。我也尝试使用广播选项,但它不起作用。最好的方法是什么? 最佳答案 我回答了同样的问题here.感谢@pilar1347的提示,我的解决方案不那么老套。 关于html-外部ui-grid-menu-button,我们在StackOverflow上找到一个类似的问题: h