サイトに google+ siginin ボタンを作成しようとしています。このリンクhttps://developers.google.com/+/web/signin/#button_attributesにアクセスして動作させようとしましたが、スタイリングがすべて台無しになりました。CSS で [class='g-sinin'] をいじることができません。
これは私のコードです:
<section class='login_G' >
<span class='g-signin' data-callback='signinCallback'
data-scope='https://www.googleapis.com/auth/plus.login'></span>
</section>
これは私のcssです:
.login_G {
cursor: pointer;
margin-left: 35px;
float: left;
height: 72px;
width: 72px;
background:url(images/register-google-sprite.png) 0 0;
}
デフォルトのクラスを非表示にしたり、有効にしたりするにはどうすればよいですclass='g-signin'
か。スパン内のクラスを削除すると、google+ サインイン機能全体がオフになります。背景画像をクリックしたときに siginin 関数を機能させる方法を教えてください。