单击按钮打开聊天窗口

时间:2018-08-19 07:36:09

标签: html css

我已经在我的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>

如果我使用此代码,则不需要更改按钮的设计。有人可以建议我如何使用我的第一个代码打开聊天窗口吗?

谢谢

1 个答案:

答案 0 :(得分:0)

在您的代码中,将锚包裹在div中。如果您使用CSS来使锚点显示为display:block;

要回答您的问题,您需要重新创建示例的样式... 如果您要从样式中调用样式,则理想情况下,您将使用与示例相同的HTML,但是您可以尝试使用与样式相同的ID引用,即。 #ds-sticky-button。 如果这不起作用,那是因为他们在CSS中更具体地引用了它。 如果您未在示例中添加样式属性或CSS文件,则需要使用Chrome开发工具(或Firefox中的萤火虫)等工具,检查哪些样式使示例呈现出自己的样子,并重新创建它们。