首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Angular mat-pagination onClick下一页显示黑色边框

Angular mat-pagination onClick下一页显示黑色边框
EN

Stack Overflow用户
提问于 2021-04-07 00:42:33
回答 1查看 42关注 0票数 1

我正在使用mat分页器,当我改变页面时,我会得到

我怎么才能修复它?Mb我错过了一些模块?我的app.module.ts

代码语言:javascript
复制
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import {FormsModule} from '@angular/forms';
import {MatPaginatorModule} from '@angular/material/paginator';
import {HttpClientModule} from '@angular/common/http';
import {BrowserAnimationsModule, NoopAnimationsModule} from '@angular/platform-browser/animations';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    MatPaginatorModule,
    HttpClientModule,
    NoopAnimationsModule,
    BrowserAnimationsModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

分页器的外观:

代码语言:javascript
复制
<mat-paginator [pageSizeOptions]="[5, 15, 30]" [pageSize]="5" [length]="totalElements"
               (page)="nextPage($event)">
</mat-paginator>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-04-07 02:59:20

Bootstrap可能会导致样式冲突,请在styles.css中尝试

代码语言:javascript
复制
button:focus, 
button:active:focus, 
button.active:focus {
  outline: none !important;
  outline-style: none !important;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66972895

复制
相关文章

相似问题

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