首页 > 解决方案 > iOS 13.x Safari 深色模式不可见且无法为网络应用设置样式

问题描述

我有一个根据客户端颜色具有深色背景的网络应用程序。我遇到的问题是,当设备处于黑暗模式时,<optgroup>iOS Safari<optgroup label='---Cars----'></optgroup>以黑色显示标签中的文本......因此使其在背景中不可见/无法检测到。我尝试使用以下方法更改颜色,但它被忽略了...... PC/Mac 上的模拟器和/或开发人员模式可以正常显示,但在真实设备上却没有。

 @media (prefers-color-scheme: light) {
    optgroup {
        color:grey;
    }
 }
 @media (prefers-color-scheme: dark) {
    optgroup {
       color:white;
    }
 }

如果 Apple 在 iOS 设备上锁定了移动 Safari 中的样式<select><optgroup>标签,那么浏览器在黑色背景下将标签保留为黑色是否是一种失误?

我也尝试过添加一个class<optgroup>但这也不起作用....

任何有关更改文本颜色的见解<optgroup>将不胜感激!

标签: cssios13optgroupios-darkmode

解决方案


推荐阅读