如何消除单击图标时显示在图标中的正方形背景？

要消除单击图标时显示在图标中的正方形背景，可以通过以下步骤实现：

1. 使用CSS样式：通过设置图标的背景为透明，可以使用CSS的background属性来实现。例如，可以将图标的背景颜色设置为rgba(0, 0, 0, 0)，其中最后一个参数0表示完全透明。
2. 使用透明的图标：使用透明的图标可以避免显示正方形背景。可以使用SVG格式的图标，SVG图标支持透明背景。或者，可以使用带有透明背景的PNG图标。
3. 使用CSS伪类：可以使用CSS伪类来控制图标的样式。例如，可以使用:hover伪类来定义鼠标悬停时的样式，将背景设置为透明。
4. 使用JavaScript：如果需要更复杂的交互效果，可以使用JavaScript来处理图标的点击事件。通过监听点击事件，可以在点击时动态修改图标的样式，将背景设置为透明。

需要注意的是，以上方法中的具体实现方式可能因具体的开发环境和需求而有所不同。在实际开发中，可以根据具体情况选择适合的方法来消除单击图标时显示在图标中的正方形背景。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
• 腾讯云移动开发（Mobile）：https://cloud.tencent.com/product/mobile