Ändern Bootstrap Formulareingabe Schrift

Question

HTML:

<div class="form-group"> 
    <label for="email">Email Address:</label> 
    <input type="email" class="form-control" id="email" placeholder="example@domain.com"> 
</div>    

CSS:

::-webkit-input-placeholder { 
    font-weight: bold; 
    font-size: 17px; 
} 

:-ms-input-placeholder { 
    font-weight: bold; 
    font-size: 17px; 
} 

Grundsätzlich ist die Schriftart auf dem "example@domain.com" bekommt die Änderungen. Aber sobald ich in das Feld schreibe, ist die Schrift nicht die gleiche und hat wirklich ein schwaches Aussehen. Denken Sie daran: Ich bin ziemlich neu in der Codierung, ich bin nicht überrascht, wenn ich Fehler in meinen Codes oder nur schlechte Struktur auf meinen Codes habe.

How it looks like

How it looks like after writing

Answer 1

Sie Styling nur die placeholder im Moment. Wenn Sie etwas in ein Eingabefeld eingeben, wird der Platzhalter automatisch durch Ihre Daten ersetzt, was bedeutet, dass Sie auch den Inhalt von .input formatieren müssen und nicht nur das placeholder für ein korrektes Ergebnis.

Verwenden Sie zum Beispiel den folgenden Code:

::-webkit-input-placeholder { 
    font-weight: bold; 
    font-size: 17px; 
} 

:-ms-input-placeholder { 
    font-weight: bold; 
    font-size: 17px; 
} 

input { 
    // Styling can be put here 
}