Javascript “脸谱中心”;发送给信使”;按钮和文本

Javascript “脸谱中心”;发送给信使”;按钮和文本,javascript,css,facebook,Javascript,Css,Facebook,是否有办法将“发送至Messenger”按钮居中,使其以“登录为”文本居中 这对我们的移动用户界面的用户体验有负面影响,我们尝试了各种CSS技巧,但都没有成功 我知道,如果iframe是从同一个域中加载的,那么iframe的CSS可能只会被JS修改,所以这也不是一个可能的修复方法 FB默认值: 我们希望它是这样的: 。文本中心{ 文本对齐:居中; } .btn发送fb{ 宽度:180px; 保证金:0自动; } 密码?你现在有什么?你尝试过什么?没有办法。你不允许修改任何FB社交插件的外观和

是否有办法将“发送至Messenger”按钮居中,使其以“登录为”文本居中

这对我们的移动用户界面的用户体验有负面影响,我们尝试了各种CSS技巧,但都没有成功

我知道,如果iframe是从同一个域中加载的,那么iframe的CSS可能只会被JS修改,所以这也不是一个可能的修复方法

FB默认值:

我们希望它是这样的:

。文本中心{
文本对齐:居中;
}
.btn发送fb{
宽度:180px;
保证金:0自动;
}

密码?你现在有什么?你尝试过什么?没有办法。你不允许修改任何FB社交插件的外观和感觉,除了它们提供的官方选项之外,因为它们在一个iframe中呈现从不同来源加载的内容,所以也不允许JS或CSS“进入”内部。只是想确定一下。谢谢
.text-center {
text-align: center;
}

.btn-send-fb {
   width: 180px;
   margin: 0 auto;
}


<div class=“text-center btn-send-fb”>
           <div class=“fb-send-to-messenger”
                data-messenger_app_id=“1000000000000”
                data-page_id=“1000000000000"
                data-color=“blue”
                data-size=“xlarge”
                data-cta_text=“SEND_THIS_TO_ME”>
           </div>
 </div>