我的输入有一条奇怪的灰线,但仅在iPhone上。 在非移动浏览器上为纯白色输入。 我没有android,所以我无法测试它是否仅是iPhone。 有什么解决方案可以使输入完全变为白色?

输入灰线图像

HTML:

<input class="bt-email" type="email" name="email" placeholder="enter email address">
<input class="bt-submit" type="submit" value="let's get moving!">

CSS:

.bt-email {
   color: #1795db;
   display: inline-block;
   margin: 0 auto;
   height: 30px;
   font-family: 'Lato', serif;
   font-weight: 300;
   padding-left: 15px;
   text-decoration: none solid rgb(56, 64, 71);
   width: 90%;
   background: #ffffff;
   border: 4px solid #ffffff;
   border-radius: 5px 5px 5px 5px;
}
.bt-email:focus {
   outline: #ffffff;
}
.bt-submit {
   color: #ffffff;
   display: inline-block;
   margin: 0 auto;
   height: 40px;
   font-family: 'Lato', serif;
   font-weight: 300;
   text-decoration: none solid rgb(56, 64, 71);
   width: 90%;
   padding-top: 4px;
   background: #fb7f2d;
   border: 1px solid #fb7f2d;
   border-radius: 5px 5px 5px 5px;
 }

===============>>#1 票数:1

我实际上偶然发现了我想要的答案。 似乎移动Safari在输入中添加了内部文本阴影。 这段代码解决了它:

CSS:

-webkit-appearance: none;

解决了我的问题的相关问题

===============>>#2 票数:0

尝试删除4px边框,然后添加

 padding:4px;

而是通过将其添加到现有填充中

===============>>#3 票数:0

是的,非常简单。

你试一试

input {-webkit-appearance: none;}

  ask by Ryan Salmons translate from so

未解决问题?本站智能推荐: