gpt4 book ai didi

html - 如何修复从移动设备查看时变得不可见的文本

转载 作者:行者123 更新时间:2023-11-27 23:31:45 24 4
gpt4 key购买 nike

我创建了一个基本的 WordPress 按钮,用于在我的页面中链接外部站点。这工作正常,但是当从移动设备上查看时,按钮内的白色文本消失并且按钮从方形变为圆形:

http://www.passionatacollection.com/accommodation/hh-luxury-condo-2bedroom/

我检查了 wp-block-button 和 wp-block-button__link 的类属性,看看为什么要更改。

<div class="wp-block-button aligncenter"><a class="wp-block-button__link" href="https://www.bettervacations.co/properties/5d0a543c7f3381002c0f77ae">BOOK NOW</a></div>

我需要将代码添加到自定义 CSS 以覆盖它以防止在移动设备上隐藏文本。

最佳答案

如果您将以下内容放在 a 标签上,这将适用于您:

<a style="color: #FFFFFF; border-radius: 0" class="wp-block-button__link" href="https://www.bettervacations.co/properties/5d0a543c7f3381002c0f77ae">BOOK NOW</a>

看起来有一些 Wordpress CSS 被应用于较小的设备(包括中型设备),您可以像上面那样内联或创建一个类并使用 !important 以确保它听取您的类而不是 WP 类。

关于html - 如何修复从移动设备查看时变得不可见的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57459129/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com