Question

我有以下代码：

<div class="fb-login-button" data-max-rows="1" data-size="large" data-show-faces="false" data-auto-logout-link="true" data-login-text="Sign in with Facebook"></div>

我希望能够以某种方式将按钮的宽度和高度更改为自定义大小。

这可能吗？

我尝试过使用CSS技术来操作iframe，但它似乎无法正常工作，例如将其添加到inspect元素中的CSS中：

._4z_b{
background: #4c69ba;
background: -webkit-gradient(linear, center top, center bottom, from(#4c69ba), to(#3b55a0));
background: -webkit-linear-gradient(#4c69ba, #3b55a0);
border-color: #4c69ba;
-webkit-border-radius: 2px;
color: #fff;
font-family: "Helvetica neue";
-webkit-font-smoothing: antialiased;
text-shadow: 0 -1px 0 #354c8c;
width: 249px;
height: 36px;
}

我如何覆盖Facebook制作的iframe以合并此自定义大小调整？

谢谢

Answer 1

在CSS中使用!important来覆盖现有样式。例如，

width: 249px !important;

Answer 2

覆盖现有样式的CSS无效。

宽度：300px;

<div class="fb-login-button" data-max-rows="1" data-size="large" data-width="310"   data-show-faces="false" data-auto-logout-link="false" data-use-continue-as="false">

Answer 3

您可以使用：

<a class="" id="" onclick="FB.login();">Facebook</a>

因此您可以创建登录按钮并添加CSS

更改Facebook登录按钮宽度＆amp;高度

3 个答案: