Как применить пользовательские CSS на FB: кнопку входа? - PullRequest
Новая
       13

Как применить пользовательские CSS на FB: кнопку входа?

0 голосов
/ 20 апреля 2019

Я хочу применить свой собственный CSS на кнопке Facebook Javascript SDK. Я использовал эту кнопку ниже для входа в Facebook. 

<fb:login-button id="fblogin" max-rows="1"  width="100px" size="xlarge" class="facebookbutton" scope="public_profile,email" show-faces="false" onlogin="fbLogin();">
                                    Sign up with Facebook
  </fb:login-button>

I have applied CSS like below but this not apply on facebook button.

#fblogin{
width:100% !important;
color:Green !important; 
}

1 Ответ

0 голосов
/ 20 апреля 2019

Шаг 1. Включите JavaScript SDK на свою страницу один раз, в идеале сразу после открывающего тега body. 

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.2&appId=yourID&autoLogAppEvents=1"></script>

Шаг 2. Разместите этот код там, где вы хотите, чтобы плагин появился на вашей странице. 

<div class="fb-login-button" data-size="large" data-button-type="continue_with" data-auto-logout-link="false" data-use-continue-as="false"></div>

Исходная страница

...