iphone上的白色输入背景，无法将其取消

Question

是否有人熟悉iPhone输入的白色背景？ 我试图在没有任何样式的情况下进行输入，因此具有透明背景。 它在任何地方都能很好地工作，除了在iPhone上。

我已经尝试过的是

background: none;
background-color: none; or background-color: transparent; (tried both)
da
-webkit-appearance:none;  

似乎都没有用。谁知道问题可能是什么？

Answer 1

我在iOS 6，真实设备和模拟器的iPhone 6上尝试使用

<input style="background: transparent; border: none;" type="text" />

似乎没有问题。输入完全透明。

请检查检查员，看看是否有任何其他样式声明覆盖您的。 在检查器的“计算样式”部分中执行此操作，并检查背景或背景颜色属性。它将告诉您使用哪个声明来呈现元素。您可以使用小箭头直接跳转到此声明，请参阅chrome inspector

中的屏幕截图

chrome inspector screenshot

尽量避免使用！important，因为这会弄乱您的代码，这不是一个好习惯。改为使用更好的合格选择器。

Answer 2

使用input type="text" id="search"> 或将id应用于输入字段，如：

input#search{
  background: transparent;
}

<强>的CSS：

body {
  padding-top: 30px;
}

.horizontal-timeline {
  position: relative;
  height: 6px;
  background: #29AAE3;
  margin: 0;  
}

.arrow-up, .arrow-down {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  vertical-align: baseline;
}

.arrow-up {
  top: -20px;
  border-bottom: 20px solid #29AAE3;
}

.arrow-down {
  bottom: -20px;
  border-top: 20px solid #29AAE3;
}

Answer 3

这种情况下的解决方案是

all: revert !important;

在任何其他输入样式之前。它可能被我使用的框架中的某些东西覆盖了。