引导4.2.1 - 如何重写按钮轮廓?

问题描述 投票:0回答:1

在我的应用程序,点击任何按钮,我得到它周围的蓝色边框。特别是铬。除去这一点,我想是这样的:

@import '~bootstrap/scss/_functions.scss';
@import '~bootstrap/scss/_variables.scss';
@import '~bootstrap/scss/mixins/_breakpoints.scss';
@import 'global.scss';
@import "~bootstrap/scss/bootstrap";

$grid-breakpoints: (
    sm: 768px,
    md: 768px,
    lg: 1024px
);

$container-min-widths: (
  sm: 768px,
  md: 768px,
  lg: 1024px
);

//resets;-

html,body {
    padding: 0;
    margin: 0;
    height: 100%;
}
.wrapper.container-fluid{
    min-height: 100%;
    padding:0;
    margin: 0;
}

.btn:focus,.btn:active { //but not works!!
   outline: none !important;
   box-shadow: none;
}

但没有得到删除轮廓的结果。什么是错了,我在这里做?任何一个可以帮助我吗?

twitter-bootstrap css3 bootstrap-4 angular7
1个回答
0
投票

Remove outline

您需要使用qazxsw POI,qazxsw POI和POI qazxsw伪类删除的轮廓。

:hover
:active

如果上面的代码不工作,删除visited。但我不建议这样做。

© www.soinside.com 2019 - 2024. All rights reserved.