Link 不使用默认 CSS

Question

我在 html 的底部有一个 link（“返回”）。

<div style="margin-top: 5em; display: flex; justify-content: center; height: 100vh; align-items: center;">

    <div class="shadow-lg p-0 mb-5 bg-white rounded" style="padding: 3em;">
        
        <div class="card-body">
            <h6 style="margin-top: 0.3em; font-size: medium;">Reset password</h6>
            <form [formGroup]="passwordResetForm" (ngSubmit)="onSubmit()">
                <div class="form-group">
                    <label for="email">Email address</label>
                    <input type="text" formControlName="email" class="form-control"
                        [ngClass]="{ 'is-invalid': submitted && f.username.errors }" />
                    <div *ngIf="submitted && f.email.errors" class="invalid-feedback">
                        <div *ngIf="f.email.errors.required">Email address is required</div>
                    </div>
                </div>
                <div class="d-flex justify-content-between" style="padding-top: 1em;">
                    <div class="form-group">
                        <button [disabled]="loading" class="btn btn-primary">
                            <span *ngIf="loading" class="spinner-border spinner-border-sm mr-1"></span>
                            Reset password
                        </button>
                    </div>
                    <a class="p-2" routerLink="../login">Go back</a>
                </div>

               
                <div *ngIf="error" class="alert alert-danger mt-3 mb-0">{{error}}</div>
            </form>

        </div>
    </div>
</div>

link 作品。但我就是无法让它看起来像 link。即没有下划线，没有手形光标。

我的项目中绝对没有 CSS link 的地方。我只使用开箱即用的标准 links（黑色文本、黑色下划线、悬停时的手形图标）。

我尝试向此 link 添加一些 CSS (a:hover) 但它忽略了我。

我在这个目录中还有其他 html 文件，它们具有与预期相同的 link 文件。只有这个文件拒绝。

我的 component.ts 完全没有逻辑。只有 class 声明和装饰器的东西。

Answer 1

通过查看您发布的代码，我认为提到的路线不正确它不会在路线前面加上点，因为基本 DIR 已经设置如下...

<!--Incorrect -->
<a class="p-2" routerLink="../login">Go back</a>

<!--Correct -->
<a class="p-2" routerLink="/login">Go back</a>

来到 CSS 尝试向您尝试添加的样式添加重要内容，如下所示。

a:hover {
 text-decoration: underline !important;
  color: #3B5998 !important;
}
a{
  cursor: pointer !important;
}

还要检查 app.module.ts 文件中的 RouterModule 导入。
参考 Link

Link 不使用默认 CSS

Link does not use default CSS

html

css

hyperlink

angular