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

Question

我想要一个引导程序弹出框中的关闭按钮，它采用引导程序的样式＆＃34; btn btn-primary＆＃34; popovers课程。我目前有以下实现：

{{1}}

然而，关闭按钮的风格是＆＃34;关闭＆＃34;类。它看起来像这样：

如何在不删除close类的情况下将关闭按钮的样式更改为btn和btn-primary，以便它看起来像这样？

Answer 1

以风格 style =“”

编写自定义CSS

<button type="button" class="btn btn-primary close" href="#" style:"padding:8px">Dismiss</button>

Answer 2

试试这个css：

＆＃13;

＆＃13;

.close {
  background: rgba(0, 0, 0, 0) linear-gradient(#007bcf, #0048cf) repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 26px;
  letter-spacing: 1px;
  padding: 10px 30px;
}

＆＃13;

<button type="button" class="btn btn-primary close" href="#">Dismiss</button>

＆＃13;

＆＃13;

＆＃13;

Answer 3

<button type="button" class="btn btn-primary close" href="#">Dismiss</button>

compile 'com.android.support:appcompat-v7:23.1.1'
compile 'com.android.support:design:23.1.1'

Answer 4

如果这是您的问题，您可以在同一页面中更改您的风格。

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

Answer 5

您可以使用linear gradient属性。 read more about linear gradient

.close {
 background: rgba(0, 0, 0, 0) linear-gradient(#429fdf, #043da9) repeat scroll 0 0;
  border: none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 25px;
  letter-spacing: 1px;
  padding: 10px 20px;
}

<button type="button" class="btn btn-primary close" href="#">Dismiss</button>

Answer 6

编写自己的类并将样式应用于该类并在boostrap css之后调用你的css文件可能会对你有帮助..