2015-10-18 4 views
15

Es funktioniert in jedem Browser außer Edge. Gibt es eine reine CSS-Problemumgehung?Wie zentriert man den Cursor in einer Texteingabe mit einem Platzhalter in Edge ohne JS?

input { 
 
    text-align: center 
 
}
<input placeholder="placeholder" />

+1

[Dieser Link] (http://forums.asp.net/t/2065367.aspx?Microsoft+Edge+center+align+input+cursor+on+focus) tut ** nicht ** helfen, weil es bietet eine JS-Lösung. –

+1

Soweit ich das beurteilen kann, gibt es für dieses Problem keine reine CSS-Problemumgehung. –

Antwort

11

Schön finden, Tamás! Dies scheint ein Fehler mit unseren Formularsteuerelementen zu sein. Beachten Sie, dass der Cursor die Anweisung respektiert, wenn kein Platzhalter vorhanden ist, aber bei einem Platzhalter auf die linke Ausrichtung zurückfällt. Dies scheint sehr ungewollt zu sein und es lohnt sich, darauf einzugehen.

+0

gibt es eine Lösung dafür? – jrode

+0

@jrode Der Fix ist noch nicht in einem stabilen Build gelandet. Wenn die aktualisierten Bits landen, aktualisiere ich diese Antwort. Entschuldigen Sie die Unannehmlichkeiten. – Sampson

+1

Ausgezeichnet danke @Sampson – jrode