.btn-link not working in bootstrap -


i'm unable convert button appear link in bootstrap. .btn-link seem not working. i'm not clear on i'm going wrong. intention covert following google sign in button link. used bootstrap.min.css file , somehow disturbs entire site.

p.s. i'm new 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 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; } 

add

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

look @ end of fiddle


Comments

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -