首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >垫标签标签在短时间内被选中时正在移动。如何解决这个问题?

垫标签标签在短时间内被选中时正在移动。如何解决这个问题?
EN

Stack Overflow用户
提问于 2019-06-24 23:42:13
回答 1查看 142关注 0票数 0
代码语言:javascript
运行
复制
.mat-tab-group {
  margin: 10px;
}

.mat-tab-label-active {
  width: 50px;
  background: silver;
  color: darkblue;
  font-weight: bold;
  border-top-right-radius: 5px;
  margin-left: 10px;
  margin-right: 10px;
  opacity: 1 !important;
  text-align: center;
  animation: none;
}

.mat-tab-label {
  text-align: center;
  width: 50px;
  margin-left: 10px;
  margin-right: 10px;
  background: silver;
  color: darkblue;
  font-weight: bold;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

我正在尝试将活动和非活动的文本宽度设置为大约50px,但标签仍在移动,是否有其他属性

EN

Stack Overflow用户

发布于 2019-06-25 16:29:36

只需在您的src/styles.css文件中添加以下行:

代码语言:javascript
运行
复制
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56739965

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档