HTML UND CSS HILFE?
Guten Abend zusammen!
wie macht man solche Linien, sodass man da drauf was schreiben kann? Bitte helft mir, denn das ist die einzige Sache, die ich nicht verstanden habe. Und ja, "Element untersuchen" kann ich nicht, da es eine fremde Vorlage auf "Figma" ist. Ich hoffe auf eure Hilfen! Dankeschön im Voraus!
LG
1 Antwort
![](https://images.gutefrage.net/media/user/regex9/1455660989427_nmmslarge__0_13_270_270_615d5a3bc6888f4c1486ce2b4d9d8f60.png?v=1455660989000)
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
HTML, IT, Webseite
Das sind doch Eingabefelder mit Platzhaltertext. Der Hintergrund ist transparent, der Standardrahmen muss zurückgesetzt werden. Nur eine untere Rahmenlinie darf bleiben.
Den Platzhalter kannst du über das ::placeholder-Pseudoelement ansprechen.
Beispiel:
<!doctype html>
<title>Example</title>
<style>
label {
display: blocK;
}
input {
background-color: transparent;
border: none;
border-bottom: 2px solid gray;
padding: 0 0 2px 0;
}
input::placeholder { /* define font, etc. */ }
input:focus {
outline: none;
}
</style>
<label for="username">Username</label>
<input id="username" placeholder="Insert your name here">
![](https://images.gutefrage.net/media/default/user/8_nmmslarge.png?v=1551279448000)
![](https://images.gutefrage.net/media/default/user/8_nmmslarge.png?v=1551279448000)
Dankeschön! Ich versuche es ein bisschen später und dann melde ich mich bei dir falls irgendwas nicht klappt!))))