.btn-link 在 bootstrap 中不工作

Question

我无法将按钮转换为在 bootstrap 中显示为 link。 .btn-link 似乎不起作用。我完全不清楚我哪里出错了。目的是将下面的google登录按钮隐藏成link。我使用了 bootstrap.min.css 文件，它以某种方式扰乱了整个站点。

P.S。我是 bootstrap

的新手

HTML

<button class="g-signin btn btn-link" 
               data-scope="https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/userinfo.email"
               data-requestvisibleactions="http://schemas.google.com/AddActivity"
               data-clientId=""
               data-accesstype="offline"
               data-callback="mycoddeSignIn"
               data-theme="dark"
               data-cookiepolicy="single_host_origin">Login with G+
</button>

CSS

.btn-link,
.btn-link:active,
.btn-link[disabled] {
 background-color: transparent;
 background-image: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
  box-shadow: none;
  }
 .btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #0060a1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  }
  .btn-link:hover,
  .btn-link:focus {
  color: #00a0e2;
  text-decoration: underline;
  background-color: transparent;
 }
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
color: #333333;
text-decoration: none;
}

Answer 1

添加

.btn-link:hover, .btn-link:focus{
     background: transparent!important;' 
}

看最后fiddle

.btn-link 在 bootstrap 中不工作

.btn-link not working in bootstrap

twitter-bootstrap-2