CSS 选择器：焦点不适用于 Chromecast

Question

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

我用它来不同地显示某些项目（基本上相当于“选定项目”）。

焦点处理正确（在某些DOM节点上调用“.focus()”可以正常工作），只是显示没有正确完成。

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

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

最好的问候

JN

Answer 1

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