如何解决Bootstrap文本在iOS的输入中不可见
我正在使用Bootstrap创建一个小型网站。在Windows,Andoid或Mac上一切正常。
在iPhone(iOS)上,输入的文本不可见,就像颜色是白色或文本不透明。 我尝试禁用webkit外观或使用webkit-text-fill-color修复颜色,但是得到的结果相同。
可在此处找到快捷方式网址:http://www.app.solutionssuretesecurite.com/
解决方法
我认为您可以使用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设备上发生的问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。