如何在bootstrap popover close类中覆盖CSS类?

如何在bootstrap popover close类中覆盖CSS类?,css,twitter-bootstrap,Css,Twitter Bootstrap,我想要一个引导式popover中的close按钮,它采用用于popover的引导式“btn btn primary”类的样式。我目前有以下实施: <button type="button" class="btn btn-primary close" href="#">Dismiss</button> 驳回 但是,Dismise按钮的样式是“close”类的样式。看起来是这样的: 如何在不删除close类的情况下将close按钮的样式更改为btn和btn primar

我想要一个引导式popover中的close按钮,它采用用于popover的引导式“btn btn primary”类的样式。我目前有以下实施:

<button type="button" class="btn btn-primary close" href="#">Dismiss</button>
驳回
但是,Dismise按钮的样式是“close”类的样式。看起来是这样的:

如何在不删除close类的情况下将close按钮的样式更改为btn和btn primary,使其看起来像这样


用stylestyle=“”

驳回

用stylestyle=“”

驳回
试试这个css:

。关闭{
背景:rgba(0,0,0,0)线性渐变(#007bcf,#0048cf)重复滚动0;
边界:中等无;
边界半径:5px;
颜色:#fff;
光标:指针;
字号:26px;
字母间距:1px;
填充:10px 30px;
}
驳回
尝试以下css:

。关闭{
背景:rgba(0,0,0,0)线性渐变(#007bcf,#0048cf)重复滚动0;
边界:中等无;
边界半径:5px;
颜色:#fff;
光标:指针;
字号:26px;
字母间距:1px;
填充:10px 30px;
}

驳回
如果这是您的问题,您可以在同一页中更改样式

<style type="text/css">
  .close {
    //changes here
  }
</style>

.结束{
//这里的变化
}

如果这是您的问题,您可以在同一页面中更改样式

<style type="text/css">
  .close {
    //changes here
  }
</style>

.结束{
//这里的变化
}

您可以使用
线性渐变
属性。

。关闭{
背景:rgba(0,0,0,0)线性渐变(#429fdf,#043da9)重复滚动0;
边界:无;
边界半径:5px;
颜色:#fff;
光标:指针;
字体大小:25px;
字母间距:1px;
填充:10px 20px;
}

解除
您可以使用
线性渐变
属性。

。关闭{
背景:rgba(0,0,0,0)线性渐变(#429fdf,#043da9)重复滚动0;
边界:无;
边界半径:5px;
颜色:#fff;
光标:指针;
字体大小:25px;
字母间距:1px;
填充:10px 20px;
}
解雇
.btn.btn-primary.close{
背景:rgba(0,0,0,0)线性渐变(#007bcf,#0048cf)重复滚动0;
边界:中等无;
边界半径:5px;
颜色:#fff;
光标:指针;
字号:26px;
字母间距:1px;
填充:10px 30px;
}
解雇
.btn.btn-primary.close{
背景:rgba(0,0,0,0)线性渐变(#007bcf,#0048cf)重复滚动0;
边界:中等无;
边界半径:5px;
颜色:#fff;
光标:指针;
字号:26px;
字母间距:1px;
填充:10px 30px;
}

关闭
编写您自己的类并将样式应用于该类,在bootstrap css之后调用您的css文件可能会对您有所帮助。

编写您自己的类并将样式应用于该类,在bootstrap css之后调用您的css文件可能会对您有所帮助。

但是我想要btn btn主引导类的css样式。有没有办法不用重新实现整个类就可以做到这一点?但是我想要btn btn主引导类的css样式。我有没有办法不用重新实现整个类就可以做到这一点?用“!important”@NitinDhomse编写css到“close”类中,知道如何为类btn执行此操作吗?使用像.close{property name:value!important;}这样会强制覆盖给定的css样式,而不这样做会影响btn类。它可能会影响您的原始引导CSSI还有一种方法可以做到这一点,而不必从头重写btn类?复制.btn类的css(根据您的样式进行修改)并将其应用于新类,不要使用btn类使用“!important”@NitinDhomse来“关闭”类。您知道如何为类btn执行此操作吗?使用like.close{property name:value!important;}这将强制重写您给定的css样式,但不会对btn类执行此操作。这可能会影响您的原始引导CSSI。还有一种方法可以做到这一点,而不必从头重写btn类?复制.btn类的css(使用您的样式进行修改)将它应用到新类中,不要使用btn classIs有没有一种方法可以在不重写整个css类的情况下做到这一点?有没有一种方法可以在不重写整个css类的情况下做到这一点?