Html 单击按钮打开聊天窗口

我已经在我的HTML网站上实现了实时聊天按钮，如下所示

<div id="ds-sticky-button"> <a href="#"><strong>LIVE CHAT</strong></a></div>

<button type="button" class="purechat-button-expand">Chat with us!</button>

它的工作良好，但纯粹的聊天给了我打开聊天窗口的代码如下

<div id="ds-sticky-button"> <a href="#"><strong>LIVE CHAT</strong></a></div>

<button type="button" class="purechat-button-expand">Chat with us!</button>

与我们聊天！

如果我使用这段代码，它会改变我不想要的按钮设计。谁能建议我如何用我的第一个代码打开聊天窗口

---

谢谢

在您的代码中，您将锚点包装在一个div中。如果您使用CSS使锚点显示：block

要回答您的问题，您需要重新创建示例的样式。。。 如果您是从它们调用样式，那么理想情况下您只需使用与示例相同的HTML，但您可以尝试使用它们使用的相同id引用，即#ds sticky button。 如果这不起作用，那是因为他们在css中更具体地引用了它。

---

如果您没有包括示例中的样式属性或CSS文件，则需要使用Chrome dev工具（或Firefox中的firebug）等工具，检查哪些样式使示例看起来像它一样，然后重新创建它们。

定义在pure chat button中定义的点击事件到您的聊天按钮