css 覆盖垫选择中的边框底部

fumotvh3 于 5个月前发布在其他

关注(0)|答案(1)|浏览(74)

我创建了一个stackblitz example here。我特灵隐藏

的数据
但无论我怎么尝试或试图覆盖，我都无法隐藏这条下划线。
我试图在styles.scss中覆盖它，以便在应用程序中更改它

css

来源：https://stackoverflow.com/questions/77731335/overriding-border-bottom-in-mat-select

1条答案

按热度按时间

6qqygrtg1#

您可以应用下面的CSS来删除底线。

body {
  font-family: Roboto, 'Helvetica Neue', sans-serif;
  margin: 0;
  padding: 30px;
}

html,
body {
  height: 100%;
}

mat-form-field {
  .mat-mdc-form-field-type-mat-select {
    background-color: #ffff !important;
  }
  .mat-mdc-text-field-wrapper {
    border-bottom: none;
  }
  /* CSS to remove line - start */
  .mdc-text-field--filled .mdc-line-ripple::before,
  .mdc-text-field--filled .mdc-line-ripple::after {
    border-bottom: 0px !important;
  }
  /* CSS to remove line - end */
}

字符串
stackblitz

赞(0）回复(0）举报 5个月前

我来回答

css 覆盖垫选择中的边框底部

1条答案

相关问题

热门标签

最新问答