在移动设备上为按钮添加“回复”文本

支持
1

在桌面版上，主题下方有一个“回复”按钮，文字非常简单易用，对新手来说很友好，但在移动版上它只是一个带图标的框。有什么办法可以把“回复”文字加回来吗？我尝试检查过，但假设该工具没有正确渲染移动版本，因为文字就在那里。

efbd5916-f275-422a-a2e0-17e74c2f5830
efbd5916-f275-422a-a2e0-17e74c2f5830955×2048 91.5 KB

1 个赞
2

您可以使用以下方法在移动设备上定位该元素：

html:not(.anon) #topic-footer-buttons .topic-footer-main-buttons .d-button-label {
  display: block;
}

在我快速测试中，我还需覆盖图标的边距：

html:not(.anon) #topic-footer-buttons .topic-footer-main-buttons .d-icon {
  margin-right: 0.45em;
}
3

感谢 @pmusaraj，但供将来参考，您是如何能够检查移动版本的？当我这样做并选择 iPhone 时，例如，它会显示桌面网站但已最小化。

4

我从连接到 Mac 的实体手机上检查了 Safari。

您也可以在 Chrome 中附加 mobile_view=1 来强制应用加载移动版本。或者在模拟手机时刷新页面，它应该会切换到移动视图。

1 个赞
5

用了五年多了，我居然不知道这个，哈哈，效果很棒。非常感谢 :slight_smile:

1 个赞