向嵌入式Yammer添加CSS yam.connect.feed({ “配置”:{ “use_sso”:false, “标题”:false, “页脚”:false, “showOpenGraphPreview”:false, “defaultToCanonical”:false, “hideNetworkName”:false, “defaultGroupId”:8430003 }, “容器”:“#嵌入式提要” });
我如何将CSS插入其中以更改嵌入yammer的背景色向嵌入式Yammer添加CSS yam.connect.feed({ “配置”:{ “use_sso”:false, “标题”:false, “页脚”:false, “showOpenGraphPreview”:false, “defaultToCanonical”:false, “hideNetworkName”:false, “defaultGroupId”:8430003 }, “容器”:“#嵌入式提要” });,css,sharepoint,yammer,sharepoint-online,Css,Sharepoint,Yammer,Sharepoint Online,我如何将CSS插入其中以更改嵌入yammer的背景色 <div id="embedded-feed" style="height:800px;width:400px;"></div> <script type="text/javascript" src="https://s0.assets-yammer.com/assets/platform_embed.js"></script> <script type="text/javascript"
<div id="embedded-feed" style="height:800px;width:400px;"></div>
<script type="text/javascript" src="https://s0.assets-yammer.com/assets/platform_embed.js"></script>
<script type="text/javascript">
yam.connect.embedFeed({
"config": {
"use_sso": false,
"header": false,
"footer": false,
"showOpenGraphPreview": false,
"defaultToCanonical": false,
"hideNetworkName": false,
"defaultGroupId": 8430003
},
"container": "#embedded-feed"
});
</script>
#嵌入提要{背景色:橙色;}
如果我使用上面的CSS,它会变成橙色,并且会立即反转
嵌入内容位于背景为白色的
iframe
内。恐怕你不能改变它
您可以通过在容器(#嵌入式提要
)顶部使用一个伪元素(::after)对其进行黑客操作,该容器具有背景和混合模式:
#嵌入式提要{
位置:相对位置;
}
#嵌入式提要::after{
内容:'';
位置:绝对位置;
左:0;右:0;底部:0;顶部:0;
背景:橙色;
指针事件:无;
混合模式:倍增;
}
yam.connect.feed({
容器:“#嵌入式提要”,
网络:“fourleaf.com”,
feedType:'组',//可以是'组','主题'或'用户'
feedId:'123',//来自上述说明的提要ID
配置:{
defaultGroupId:3257958//指定要发布到的默认组id
}
});
只需将CSS添加到容器中,类似于#embedded feed{background color:orange;}
的东西应该可以工作。它看起来可以工作,然后恢复。Yammer Embed的自定义不受支持。在客户或生产环境中执行此操作不是一个好主意,因为这可能会导致体验不佳和难以获得支持。
<style>
#embedded-feed { background-color: orange; }
</style>