iPad / iPhone Chrome 不在输入按钮中显示文本答案

【问题标题】：iPad / iPhone Chrome not show text in a input buttoniPad / iPhone Chrome 不在输入按钮中显示文本
【发布时间】：2022-01-12 11:05:56
【问题描述】：

我有一个带有输入按钮的页面。

在 Chrome 中不显示按钮文本

在 Safari 和 Firefox 中它看起来正确。

我有最新的 Chrome 更新

知道为什么会这样吗？

.button {
  background-color: #FFFFFF;
  color: #003245;
  text-align: center;
  max-width: 175px;
  width: 100%;
  height: 40px;
  margin: 3em auto 0;
  border: 1px solid #003245;
  display: block;
  padding: .3em 1em;
  position: relative;
  pointer: default;
  font-weight: bold;
}

&lt;input type="submit" name="submit" value="Download" class="button"&gt;

【问题讨论】：

从颜色中删除空格。我投票关闭作为错字。也没有称为指针的 CSS 规则。是光标，值可以是指针
原代码是正确的，没有空格。我已经替换了规则“指针”，但是没有显示文本
我修复了你的代码。我从# 003245 中删除了两次空间。它现在可以在移动设备上运行 - 你可以在这里测试：jsfiddle.net/mplungjan/wyo5m3cf

标签： html css iphone google-chrome ipad

【解决方案1】：

颜色十六进制代码中有空格 border: 1px solid # 003245; 和 color: # 003245; 删除空格

.button {
  background-color: #FFFFFF;
  color: #003245;
  text-align: center;
  max-width: 175px;
  width: 100%;
  height: 40px;
  margin: 3em auto 0;
  border: 1px solid #003245;
  display: block;
  padding: .3em 1em;
  position: relative;
  pointer: default;
  font-weight: bold;
}

&lt;input type="submit" name="submit" value="Download" class="button"&gt;

【讨论】：

我已经替换了空格，但是没有显示文字
可能某些属性被覆盖了。尝试删除“button”类并测试它是否有效，然后添加“button”类属性并一一删除CSS属性。我希望这会帮助你调试这个。