javascript - "Apply with LinkedIN"按钮无法正确渲染？

Question

我已成功在网站上添加Apply with LinkedIN 按钮，我遇到的问题是设置该按钮的样式。按钮的显示非常奇怪，我正在使用 bootstrap 3.1。 其他人也有类似的问题，有解决办法吗？

尝试了很多解决方案来覆盖我的CSS，但我没有运气，因为所有都是由JS完成的

这是我从 API 获得的代码

<script type="IN/Apply" 
    data-email="<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9df8e5fcf0edf1f8ddf8e5fcf0edf1f8b3fef2f0" rel="noreferrer noopener nofollow">[email protected]</a>" 
    data-companyid="55885" 
    data-jobtitle='Developer' 
    data-joblocation='Serbia'
    data-themeColor="#FF9900" 
    data-showText="false">
</script>

Answer 1

这可能是因为 LinkedIN 脚本与 box-sizing : border-box(由最新版本的 Twitter Bootstrap 使用)不能很好地配合使用。

如果是的话，就是this topic同样的问题，解决方案可能是将此代码段添加到您的 CSS 中:

span[id*='li_ui_li_gen_'] {
    -webkit-box-sizing : content-box;
       -moz-box-sizing : content-box;
         -o-box-sizing : content-box;
            box-sizing : content-box;
}