Question

我创建了一个登陆页面，该页面有2个蓝色按钮和2个白色按钮。白色按钮之一不会在iPhone上显示（我在6、8和X上尝试过），但是在Android和桌面（Windows和Mac）上都可以正常显示。文本本身在那里，您可以单击它，但白色按钮不是。另一个白色按钮具有相同的CSS并显示出来，所以我不确定为什么不这样做。

我尝试添加一个id并将一个-webkit-appearance: none;赋予它，但是仍然没有太大的区别。

<button class="btn-white" id="bwt" onclick="window.location.href ='#';">BUTTON TEXT</button>

.btn-white {
  padding: 10px;
  border-radius: 6px;
}

.btn-white:hover {
  background-color: #0F0F54;
  border: thin solid #F5F5F5;
  color: #F5F5F5;
  cursor: pointer;
}

#bwt {
  margin: 0 auto;
  display: block;
  -webkit-appearance: none;
}

这是父项div：

#blue-f {
  background-color: rgba(16,15,84,1.00);
  height: 100%;
  overflow: hidden;
  background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.54) 0%,rgba(0,0,0,0.54) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.54) 0%,rgba(0,0,0,0.54) 100%);
  background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.54) 0%,rgba(0,0,0,0.54) 100%);
  background-image: linear-gradient(180deg,rgba(0,0,0,0.54) 0%,rgba(0,0,0,0.54) 100%);
  padding: 75px 0px 75px 0px;
}

我不知道父div是否以某种方式隐藏了按钮，但我认为它仍然无法解释为什么其他手机/台式机上的所有功能都可以正常工作。

CSS按钮不会在iPhone上显示，但会在其他任何地方显示

0 个答案: