时间戳

首页 > 解决方案 > 在 CSS 中设置 HTML 按钮的样式

html - 在 CSS 中设置 HTML 按钮的样式

问题描述

我在 HTML 表单中有 2 个按钮，定义为

<button kmdPrimaryButton size="mini" (click)="clickSection('table')">Table View</button>
<button kmdPrimaryButton size="mini"  (click)="clickSection('chart')">Chart View</button>

我想在按钮中添加一些样式。当我通过在按钮内添加样式属性来尝试它时，我可以这样做，但我想通过 CSS 完成它。我创建了一个 CSS 文件并在 component.ts 文件中添加了链接以链接 HTML 和 CSS。但是我在 CSS 中定义的样式在网页中不可见。

我尝试添加

button {
    margin:8px;
    color:#ED7700;
}

也有 .button 但两者都不起作用。是否有任何不同的方式来设置上述按钮？ 编辑 1 这就是我在 ts 文件中链接文件的方式

@Component({
    selector: 'app-control-validation',
    templateUrl: './controlval.component.html',
    styleUrls: ['./controlval.component.css']
  })

文件名为 controlval.component.ts。

标签： htmlcsstypescript

解决方案

只需像这样添加!important到您的 css 代码中：

button {
    margin:8px !important;
    color:#ED7700 !important;
}

它将替换您的 CSS 按钮。

推荐阅读