覆盖angular mat-tab的css

文章/答案/技术大牛

发布

3回答

是否可以禁用纯css的垫标签动画

css、angular、angular-material、angular-animations、mat-tab

我想禁用角度材质垫标签动画(当内容滑入适当位置时发生的动画)。我知道使用@.disabled属性是可能的，但我想知道是否可以用纯css实现同样的效果。编辑：我们的UX团队希望从材质选项卡中删除幻灯片动画，因为他们认为无论出于何种原因，这些动画都不合适。我们有多个项目，可能会多次使用选项卡组件，所以我们想要一种方法来删除当前选项卡和即将到来的动画。理想情况下，我们不想告诉人们向他们的HTML添加(并开始添加)任何属性(他们可能会忘记这样做)。此外，这些项目有一个提供主要

浏览 6提问于2019-08-16得票数 4

2回答

css、angular、angular-material

我想要更改垫标签的颜色。我添加的css是： .mat-tab-label { font-weight: 700; } 它正在更改选项卡的颜色。但是，在整个应用程序中，它正在改变所有mat-tab的颜色。如何才能单独更改特定的选项卡。

浏览 18提问于2020-07-09得票数 1

回答已采纳

2回答

如何减少引导行中div的上边距

html、css、twitter-bootstrap

我有一个使用bootstrap rows和columns来排列元素的html文件。当我将divs放入row class中时，其中一个row class在顶部和底部显示不需要的margin。这是我的代码 <div class="row"> <div style="margin-left: 20px;" class="col-md-11 card card-body bg-light<div style="background-color: gr

浏览 35提问于2020-10-21得票数 0

回答已采纳

3回答

如何隐藏具有嵌套选项卡组的mat- tab -header，隐藏外部mat-tab-group而不隐藏内部

css、angular、sass、angular-material

<mat-tab-group> <mat-tab-group> </mat-tab></mat-tab-group></mat-tab-group> 如何使用css (或任何方法)隐藏外部选项卡组mat- tab -header元

浏览 6提问于2018-08-18得票数 5

1回答

如何在较小的屏幕上有条件地显示角制表符？

angular、responsive-design、angular-material、tabs

我想把内容放在标签里，但只放在较小的屏幕上。否则，内容应该退回到div块(或css中定义的其他布局)。对于较小的屏幕(@仅媒体屏幕和(max-width:600px) )，应出现选项卡 <mat-tab-group > <mat-tab label

浏览 9提问于2021-07-02得票数 0

2回答

当selectedIndex异步更改时，mat上的mat选项卡对话框不起作用

angular、angular-material、mat-tab

我使用selectedIndex动态地选择选项卡的索引，并且我想异步地更改它，例如服务器端调用或setTimeout。但它不起作用。选项卡体不显示该索引的内容。我在stackblitz重现了它。https://stackblitz.com/edit/mat-tabs-on-mat-dialog-problem 注:我知道可以用500毫秒的setTimeout解决这个问题。但这并不是预期的解决方案。

浏览 20提问于2020-06-30得票数 1

1回答

Angular 10 Tab组件错误TypeError:无法读取未定义的属性'nativeElement‘

angular、angular-material、tabs、angular10

我是Angular的新手。我对Angular 10 Material Tabs组件有一个问题，我已经尝试使用angular文档和其他教程网站了。显示了选项卡的标题，但没有显示内容。from '@angular/core'; selector: 'app-penilaian', templateUrl: './penilaian.component.css'

浏览 12提问于2020-09-16得票数 2

5回答

在angular的材料设计中使标签伸展到全宽

angular-material

我想让选项卡伸展到父div的整个宽度。有人知道怎么做吗？<div class="tabs-header"> <mat-tab label="Signup">Content 1</mat-tab><mat-tab label="Login">Content 2</mat-tab> <&#x

浏览 82提问于2018-02-17得票数 22

回答已采纳

3回答

Mat-tab-body-wrapper，不能编辑css (角度)

angular、angular-material、mat-tab

我不能改变垫标签的主体包装，它似乎限制了我的垫标签的大小。 <mat-tab> 'end angular template and mat table label'

浏览 6提问于2018-11-09得票数 9

2回答

如何使用CSS设置角度材质选项卡的样式？

javascript、css、angular-material

我对Angular非常陌生。我最近在我的应用程序项目中添加了类似于下面的Angular Material选项卡。<mat-tab-group> <mat-tab label="Second" class="secondTab"

浏览 19提问于2019-10-25得票数 6

3回答

具有角度材料的AnimationDuration没有响应

angular、angular-material

我正在使用Angular5项目，我安装了Angular-material，但是Angular-material的animationDuration属性不工作。我已经粘贴了下面的代码<mat-tab-group animationDuration="0ms"> </mat-tab</e

浏览 0提问于2018-12-28得票数 2

1回答

如何将mat-tab的tabindex更改为0

angular

当我使用Tab键从一个选项卡组切换到另一个选项卡组时，它是按顺序进行的。我想更改顺序，因此将tabindex应用于mat-tab，但它不起作用。tabindex没有改变，它保持为0。Css： .mat-tab-group { } HTML： <mat-tab-group mat-align-tabs="start"> <mat-tabtabindex="2" label="First">C

浏览 20提问于2021-03-19得票数 0

3回答

不能使用材料标签

javascript、angular、typescript、angular-material

这是我的maintab.component.tsimport {MatTabsModule} from/maintab.component.css']export class MaintabComponent implements OnInit { </mat-tab>

浏览 0提问于2018-01-20得票数 0

回答已采纳

2回答

app.component.css中的CSS样式未应用于选项卡体内容

angular

你能告诉我为什么即使我的app.component.css文件中的padding-top设置为20px，也没有在这里应用填充吗？如果我在styles.css文件中设置它，它将会工作。当我将css属性移动到app.component.css文件时，我不确定为什么它不工作。app.component.ts文件： selector

浏览 1提问于2018-04-10得票数 11

回答已采纳

1回答

如何为Angular* Material 6中的制表符应用自定义样式？*

css、angular6、angular-material-6

这是我的代码： <mat-tab label="First"> Content 1 </mat-tab> <mat-tab label="Fourth"> Content 4 </mat-tab&g

浏览 0提问于2018-07-31得票数 0

3回答

如何更改特定角度材质选项卡的背景色？

html、css、angular、angular-material

我有一个使用angular material 7中的mat标签的组件。.mat-tab-label {}我有一个标准组件。HTML： <mat-tab-group mat-align-tabs="center" dynamicHe

浏览 6提问于2019-01-30得票数 2

回答已采纳

1回答

根据页签分组选择的索引隐藏/显示元素导致错误:检查后表达式已更改

angular、angular-material

tabGroup.selectedIndex === 1" mat-button> </button><mat-tab-group #tabGroup> <mat-tab label="Second"> Conte

浏览 3提问于2019-08-29得票数 2

2回答

不能改变标签的高度，颜色在角6

html、css、angular、angular5

我是新的角，CSS和Html。我使用了MatTabsModule (从‘@angular/MatTabsModule/tab’导入{MatTabsModule}；)来创建选项卡，但是我能够调整/更改高度、背景等等。总之，我无法覆盖MatTabsModule类的默认属性。请帮帮我。下面是我的CSS和Html代码。我希望不需要打字代码。HTML：- <mat-card-content> <

浏览 2提问于2018-04-29得票数 0

回答已采纳

1回答

角度材质选项卡根本不会渲染

angular、angular-material

显示的不是选项卡，而是文本。我遵循了上描述的设置过程(npm安装，没有快照) <mat-tab-group> <mat-tab label="First"> Content 1 </ma

浏览 0提问于2019-01-03得票数 1

2回答

Ag-当与角度材质选项卡一起使用时，网格单元渲染不能正确显示按钮

angular、grid、ag-grid、ag-grid-angular、angular10

我刚刚开始在我的一个项目中使用ag-grid，并且我创建了一个Cell渲染器来在我的"actions“列中显示按钮，如下所示： ? 一切都很好，但是在我将网格移动到一个有角度的材质中之后，我观察到了一个奇怪的行为。如果您导航到第二个选项卡，然后返回。按钮被推出桌子： ? 您可以查看stackblitz上的行为。

浏览 39提问于2020-11-18得票数 2

回答已采纳

点击加载更多

是否可以禁用纯css的垫标签动画