悬停行为在 Android Webview 中不生效

Question

我有一个网页有多个 css 悬停样式，同时使用 :hover 伪选择器和 cursor 属性。如果我在具有鼠标的 Android 设备（例如 Chromebook）上的嵌入式 WebView 中加载此网页，则无法识别 CSS 悬停规则。光标始终相同，悬停突出显示永远不会触发。有什么方法可以启用此行为吗？

Java:

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate( Bundle savedInstanceState ) {
        super.onCreate( savedInstanceState );
        setContentView( R.layout.activity_main );

        WebView webview = (WebView) findViewById( R.id.webview );
        webview.loadUrl( "http://localserver/test.html" );
    }
}

XML:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="world.of.testapp.MainActivity">

    <WebView
        android:id="@+id/webview"
        android:layout_width="368dp"
        android:layout_height="495dp"
        tools:layout_editor_absoluteX="8dp"
        tools:layout_editor_absoluteY="8dp" />
</android.support.constraint.ConstraintLayout>

test.html:

<html>
  <head>
    <style>
      #a:hover {
        color: red;
      }

      #b {
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="a">HELLO</div>
    <div id="b">WORLD</div>
  </body>
</head>

Answer 1

这似乎是 Android 中尚未实现的功能，将很快发布：https://bugs.chromium.org/p/chromium/issues/detail?id=584424。

悬停行为在 Android Webview 中不生效

Hover behavior not taking effect in Android Webview

html

css

android

android-webview

chromebook