时间戳

首页 > 解决方案 > 引导文本在 iOS 上的输入中不可见

html - 引导文本在 iOS 上的输入中不可见

问题描述

我正在使用 Bootstrap 创建一个小型网站。在 Windows、Andoid 或 Mac 上一切正常。

在 iPhone (iOS) 上，输入中的文本不可见，就好像颜色是白色或文本没有不透明度一样。我尝试禁用 webkit-appearance 或使用 webkit-text-fill-color 修复颜色，但我得到相同的结果。

快捷方式网址可在此处获得：http: //www.app.solutionssuretesecurite.com/

标签： htmlcssbootstrap-4

解决方案

我认为你可以用css做到这一点。但要记住的一点是将其标记为“！important”。例如，下面的代码是一个仅适用于 IOS 的 css 代码。所以你可以覆盖引导 css 代码。

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  .your-class {
    opacity:1 !important;
  }
}

@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */ 
  .your-class {
    opacity:1 !important;
  }
}

所以你有一个只发生在 IOS 设备上的问题的自定义样式定义。

推荐阅读