【问题标题】:How to reference particular button in a css file如何引用css文件中的特定按钮
【发布时间】:2021-05-27 06:51:39
【问题描述】:

在我的代码中,我有很多按钮标签。对于下面代码中提到的那个,我想在一个 css 文件中添加一些样式。

如何在其他按钮中引用此特定按钮?我相信我需要将该按钮分配给变量之类的东西,然后在 CSS 文件中引用该变量。我怎样才能做到这一点?

代码

<button class="btn btn-sm btn-icon" (click)="showInformation('SITE_TOPOGRAPHY')">
  <clr-icon shape="help-info" class="is-solid"></clr-icon>
</button>

【问题讨论】:

  • 请尽量遵守英语的标准大小写规则——这样更容易阅读。此外,它使志愿编辑的修复工作减少了。谢谢!

标签: javascript html css angular


【解决方案1】:

你必须添加一个 css 类:

HTML:

class="btn btn-sm btn-icon my-fancy-button"

CSS:

.my-fancy-button {
  background-color: lightblue;
}

【讨论】:

  • 什么是is-solid和btn-icon??
  • idk,这来自你的代码...当然是引导类
  • 但是 is-silide 来自您的回答..我可以使用 btn-sm 代替 my-fancy-button 吗?
  • 哦,我看错了你的代码,is-solid 确实在一个子组件中。你可以使用你想要的类名。
  • is-solid 是一个类名,对吗?你怎么知道它是一个 chils 组件?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-12
  • 2019-08-22
  • 1970-01-01
  • 2021-04-12
  • 2016-01-04
  • 2014-06-22
相关资源
最近更新 更多