javascript - Ionicframework、cordova 和 ios 模拟器表单输入问题

Question

我附上了一段视频，因为我很难解释我遇到的问题:

https://vid.me/5Mo

实际上，我通过自己的表单输入设置了样式，它们就像一个魅力，但是当我在 ios 模拟器上测试表单时，我这样做了:

1. 关注输入
2. 触摸滚动页面

然后表单输入被重新设置为默认背景，正如您在视频中看到的那样，它变成了白色背景，而我在 css 中指定此类输入必须完全没有背景。

我尝试了多种使用 css 的方法，例如:

 .input-huge:focus, .input-huge:focus:hover{
  background:none;
}

但还是不行。

有什么想法吗？

这是 html:

 <ion-view data-title="Submit Shop" ng-controller="Submit">
<ion-content>
<div class="separator50"></div>
<div>
    <input class="row input-huge text-center light" ng-model="newShop.name" type="text" placeholder="Shop Name">
</div>
<div class="separator50"></div>
<div>
    <input class="row input-huge text-center light" ng-model="newShop.city" type="text" placeholder="City">
</div>
<div class="separator50"></div>
<div>
    <input class="row input-huge text-center light" ng-model="newShop.address" type="text" placeholder="Address">
</div>

<div class="separator10"></div>
<div class="separator30"></div>

<div class="row">
    <button ng-click="submit()" class="button button-light button-block font-family-1" ng-class="{'disabled':newShop.processing}">
        <span ng-show="!newShop.processing" class="positive"> Submit</span>
        <span ng-show="newShop.processing"><i class="icon ion-refreshing"></i></span>
    </button>
</div>
</ion-content>
</ion-view>

这是我在 css 中的样式化输入:

input.input-huge{
  background: none;
  text-align: center;
  font-size: 20px;
  padding-bottom:40px;
  color:#fff;
  border-bottom:1px solid rgba(0,0,0,0.08);
}

多谢指教

Answer 1

试试 background-color: transparent; 或 background-color: rgba(0,0,0,.0);。让我知道这是否有帮助。