我想编辑从外部源加载的页面元素

【问题标题】：I want to edit a page element that's loaded from an external source我想编辑从外部源加载的页面元素
【发布时间】：2018-07-01 22:20:13
【问题描述】：

几乎在页面加载完成后，Kayako 侧载了一个聊天信使。编辑此聊天信使中加载的任何内容的 css 样式的最佳方法是什么？

例如，打开visakhi.kayako.com，几秒钟后，它会在右下角加载聊天信使。如果你打开信使，它有一个按钮，上面写着“开始对话”，我该如何编辑字体或为这个元素添加自定义 css 样式？

【问题讨论】：

请给我们看一些代码。请提供Minimal, Complete, and Verifiable example。请看指南how do I ask a good question?

标签： javascript jquery html css

【解决方案1】：

例如

   $('.edit-messenger-btn').click(function(){
      $('.messenger-btn').css('font-family' , 'sans-serif').css('font-weight', 'bold').css('color', 'red');
   });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<body>
   <button class="messenger-btn">start a conversation</button>
   <button class="edit-messenger-btn">edit</button>
</body>
</html>

【讨论】：

试试这个 - 将以下代码添加到网页：codeshare.io/5Qd4pw
但我添加到网页中的任何内容似乎都不适用于 Messenger 元素