Переходы JavaFX WebView Css не работают

Я пытаюсь загрузить локальный HTML-файл с помощью компонента WebView. Все работает нормально, кроме переходов CSS. Вот мой HTML-файл

<!DOCTYPE html>

<html>
    <head>
        <title>HTML GUI</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>

            input[type=text]{
                padding: 5px;
                text-align: center;
                -webkit-transition: width 2s;
                transition: width 2s;
            }

            input[type=text]:focus{
                width: 80%;
            }

        </style>
    </head>
    <body>
        <div id="welcomeText">Welcome</div>

        <div id="user-block">
            <label>User Name:</label>
            <input type="text"/>
        </div>

        <div id="pw-block">
            <label>Password:</label>
            <input type="text"/>
        </div>

    </body>
</html>

Проблема в том, что всякий раз, когда я нажимаю на ввод, переход происходит мгновенно. Время перехода полностью игнорируется. Я делаю что-то неправильно? Поддерживаются ли даже переходы в WebView? ПРИМЕЧАНИЕ: я использую JDK 8 (1.8).

ОБНОВЛЕНИЕ: ИСПРАВЛЕНО Мне удалось исправить это, указав ширину для ввода...

Источник

0 ответов

Другие вопросы по тегам