Javascript Vuejs Nuxt-如何修改facebook登录按钮样式？

我是Vuejs和Nuxt的新手。我在用图书馆， 它的作品，但我需要一点修改像按钮宽度调整。 我试图在这个组件中设置一个“fbutton”类：

<facebook-login
    class="button fbbutton"
    appId="102023513468xxx"
    loginLabel="Facebook"
    @login="fbOnLogin"
    @logout="fbOnLogout"
></facebook-login>

但一切都不会改变

请任何人都能帮我解决这个问题，谢谢你查看清楚“html结构”

您需要覆盖“默认”css规则

.facebook-login button {
  border: none;
  color: #fff;
  position: relative;
  line-height: 34px;
  min-width: 225px;
  padding: 0 15px 0px 46px;
  background-image: linear-gradient(#4c69ba, #3b55a0);
}

---

非常感谢，这很有帮助。我现在甚至可以创建自己的按钮，并根据自己的喜好进行样式设置

.facebook-login button {
  border: none;
  color: #fff;
  position: relative;
  line-height: 34px;
  min-width: 225px;
  padding: 0 15px 0px 46px;
  background-image: linear-gradient(#4c69ba, #3b55a0);
}