显示问题:
深色模式下,参与抽奖的对话框显示不正常
背景依然是白色,但文字由于深色模式的影响变为了白色。
色差极小,难以辨认(虽然ctrl+a可以看清 & 老用户肌肉记忆)
如图:
最省事(但有点抽象)的解决方法:
固定为style=“color:#000”
比如:
<div class="lottery-ticket-content" data-immersive-translate-walked="***">
<h3 data-immersive-translate-walked="***" style="color:#000">参与抽奖</h3>
<p data-immersive-translate-walked="***" style="color:#000">您想购买几张奖券(1奖券消耗1NL)?</p>
<div class="ticket-input" data-immersive-translate-walked="***">
<input type="number" id="ticket-quantity" min="1" max="100" value="1" data-immersive-translate-walked="***">
</div>
<div class="ticket-actions" data-immersive-translate-walked="***">
<button class="btn btn-primary confirm-btn" data-immersive-translate-walked="***">确认购买</button>
<button class="btn btn-flat cancel-btn" data-immersive-translate-walked="***" style="color:#000">取消</button>
</div>
</div>
效果预览: