css - GWT 和 CSS : Add dynamic and global css rule (aka: prevent selection and cursor)

Question

我正在使用 GWT 构建机器 GUI。

机器有触摸屏面板，所以我不需要查看光标，也不希望启用选择。

第一个解决方案是将它放在 css 文件中:

* {
    /* Hide cursor */
    cursor: none;
    /* Prevent selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

这行得通，但是(总有一个但是...)我需要从远程浏览器访问这个 GUI。

在这台电脑中，我没有触摸屏，而是普通键盘。

所以我希望没有应用以前的全局样式。

有没有办法从 GWT 获取它？我需要改用 php 吗？

谢谢!

Answer 1

您是否尝试过针对不同屏幕尺寸的 css 定位，即如果触摸屏面板是特定尺寸，那么您可以使用@mediascreen 查询仅定位触摸屏，然后继续隐藏光标。