Ich versuche, das Textfeld von Material Design Lite zum Laufen zu bringen, und es gibt ein Problem, bei dem die untere farbige Linie einen geringfügigen Abstand von 3-4 Pixel zwischen der grauen Startlinie aufweist. Beispiel für ein MDL-Textfeld, das ich in meine Seite einbinde Ich erhalte das gleiche Ergebnis. Was kann das Problem lokal auslösen? Auch ich benutze react.js auf dem Frontend.

Ich bin auf 1.2.1 von Material Design Lite.

Hier ist ein Bild:

Hier ist mein Code:

<div className="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
    <input className="mdl-textfield__input" type="text"/>
        <label className="mdl-textfield__label" htmlFor="nameField">
            Your name
        </label>
</div>