CSS 选择器 :focus not working with Chromecast

Question

我正在尝试为 Chromecast 调整一个基于 HTML 的应用程序，一切正常，除了 CSS 中没有考虑“:focus”。

我正在使用它来以不同方式显示某些元素(基本上等同于“所选元素”)。

焦点处理得当​​(在某些 DOM 节点上调用“.focus()”工作正常)，只是显示不正确。

我怀疑这可能是故意的，因为 Chromecast 没有键盘等。我总是可以重写整个 CSS 以在元素上添加一个“焦点”类，但只为 Chromecast 重写整个东西，因为它已经在许多平台上运行，这似乎是个坏主意。

有没有办法在 CSS 中激活对“:focus”的支持？有解决办法吗？

最好的问候

JN

Answer 1

chromecast 背后的想法不是按照您描述的方式拥有 UI； “控制/导航”在第二个屏幕上，内容消费(例如媒体播放)在电视上。例如，考虑一下 Google Play 音乐。用户拿起她的移动设备，在她的设备上浏览相册等，直到她找到想要的内容。在此交互期间，电视屏幕不会尝试显示她设备上正在进行的导航，这是有道理的，因为她甚至没有看电视；事实上，看电视(假设它是她的移动显示器的镜像)并在她的移动设备上导航是相当困难的；用户在搜索内容时不希望将眼睛从一个移到另一个。最后，当她找到她将其转换到电视上并可以在电视上收听的内容时。这与电视和电影应用程序、Netflix 和 Hulu+ 的行为相同，强烈建议您遵循相同的模式。