草庐IT

mat-vertical-stepper

全部标签

html - Angular 4 Material - mat-button 样式未应用于 mat-dialog 组件

我想创建一个带有默认样式mat-button的mat-dialog来关闭对话框。除了按钮缺少AngularMaterial应用的MaterialDesign风格外,一切正常。如何让样式显示出来?据我所知,我已经按要求导入了所有模块,并且properlysetupeachpartofAngularMaterialincludingthethemes.my-dialog.component.ts:import{Component,OnInit}from'@angular/core';@Component({selector:'app-my-dialog',templateUrl:'./my

javascript - 如何更改 Angular Material 上 mat-icon 的大小?

这个问题在这里已经有了答案:Howtochangemat-iconsizeinMaterial(11个答案)关闭2年前。AngularMaterial的mat-icon标签总是默认大小为24px。那么如何改变它...???.mat-icon{background-repeat:no-repeat;display:inline-block;fill:currentColor;height:24px;width:24px;}

HTML/CSS : Vertical border overlapping horizontal border

这是fiddle:http://jsfiddle.net/AV38G/HTMLSomeFoobarStufffoobarraboof184bar87458184874rabooffoobarCSS:/*ACTUALCSS*/table{width:300px;border-collapse:collapse;}trtd.first-column{border-left:none;}tr.first-line{border-bottom:3pxsolidgreen;border-top:none;}tr.first-linetd{border-left:none;}td{border-l

html - 具有固定高度 : center image horizontally or vertically based on image dimensions 的 Bootstrap 旋转木马

我有一个高度固定的Bootstrap轮播。这是CSS:.carousel-custom.carousel-outer{position:relative;}@media(min-width:992px){.carousel-custom{margin-top:20px;.carousel-inner{height:auto;.item{height:500px;line-height:300px;}}}}@media(max-width:991px){.carousel-custom{margin-top:20px;.carousel-inner{height:auto;.item{h

html - Google Chrome : Vertical scrollbar disappears on some web pages, 可能是由于一个奇怪的工具栏

我的一位客户无法查看我们网站上的某些页面。特别是垂直滚动条,它在某些页面上消失了。她使用的是谷歌浏览器,如下图所示,Chrome还有一个奇怪的工具栏。在第一张图片上,滚动没有问题http://i45.tinypic.com/3444bqe.png接下来,虽然页面上有很多内容,但滚动条消失了。http://i47.tinypic.com/125qdlv.png我曾尝试在我自己的机器上使用相同的Chrome版本重现错误,但这是不可能的。所以我怀疑奇怪的工具栏是罪魁祸首。有人知道哪个分机给了这个栏吗? 最佳答案 始终打开滚动条对我有用:b

html - 流式布局 : avoid change in body width due to vertical scrollbar

我已经为我的网站实现了流式布局。我已将body标签的宽度设置为100%。somecontentbody{margin:0;padding:0;width:100%;}对于某些页面,显示垂直滚动条。因为body标签宽度减少了16px。我需要以不影响滚动条显示的方式设置主体宽度。我试过跟随但它不适用于FF9。:body{width:-moz-calc(100%-16px);}任何人都可以提出实现这一目标的方法吗? 最佳答案 解决此问题的一种方法是确保滚动条始终存在。然后,您可以自信地设计您的页面样式,它们不会左右移动。html,body

html 布局 : how to float divs vertically

如何让div像这张图片一样垂直float:背景:我有一个复选框网格,内容按字母顺序排序,我希望垂直按字母顺序进行(因为很难遵循水平顺序)。所有的div都有相同的大小(宽度像图片,高度=1行大小)。更新:澄清一下:主要目的是根据可用屏幕宽度创建一个包含可变列数的表格布局,并让单元格在列优先中命令。事先不知道div的实际数量。 最佳答案 CSS.cols{width:20%;float:left;}.rows{height:100px;}HTMLDiv1Div2Div3Div4Div5Div6Div7

HTML & CSS : Vertical Flow Layout (columnar style), 如何实现?

“流动”元素的标准CSS/html定位是水平的(基于行)=>float:left;。我需要做什么,才能像下面的示例(柱状样式)那样定位它们。是否有任何CSS标签可以在某处设置它?(理想情况下,我不想设置网格,这应该像在float:left样式中一样自动发生...)+---------------------------+|DivBox1||DivBox2||DivBox3|+---------------------------+添加后:多了2个盒子:+----------------------------+|DivBox1DivBox4||DivBox2DivBox5||DivBo

html - CSS:为什么 "vertical-align: middle"不起作用?

考虑以下示例:(livedemohere)HTML:CSS:a{display:block;background:#000;line-height:40px;}img{vertical-align:middle;}输出是:为什么图片没有垂直居中?我怎样才能解决这个问题,让它在所有主流浏览器中都能正常工作?请不要假设任何图像尺寸(如本例中的32x32),因为在实际情况下图像尺寸是未知的。 最佳答案 为此,您可以使用position:absolute;。例如:a{display:block;background:#000;line-he

html - 如何避开位置: fixed from staying on the screen when vertical scrolling?

我askedthisquestion这对于使文本(顶部链接)在滚动后被迫向右移动非常有效。问题出在页面上,当我垂直滚动时,即使向下滚动,顶部链接仍保留在页面顶部,因此它们显示在我的主要内容上方。有什么方法可以强制文本向右移动但在垂直滚动时不移动?这是我今天的CSS:#toplinksul{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparentnonerepeatscroll00;border:med