Question

对于input.sumbit，我有以下CSS可以正常工作。

//css
input.digipas {
  width: 176px;
  height: 48px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #ef4969;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: none;
  border: none;
}

//html
<input type="submit" class="digipas" name="submit" value="Valider">

它在我的网站上显示为：https://imgur.com/u3YwjFV
不幸的是，在移动设备上，css被某种我不知道的奇怪力量所推翻：https://imgur.com/ow2mqez
我该如何解决？！

Answer 1

我找到了答案。我只是将以下代码放入元素css中，它解决了问题。怪异的布局是由iPhone btw引起的。

-webkit-appearance: none;

Answer 2

您还有其他可能适用于移动设备大小的规则，请在您的网站文件中搜索input.submit并查看其位置并进行修改

CSS input.submit在移动设备中被否决

2 个答案: