Select-Design

LudwigM · 30 März 2022

Guten Morgen,

Wie kann ich ein <select> in follgendem Design integrieren?

Da ich bootstrap nutze, würde ich eine Lösung damit vorziehen. Floating labels entsprechen nicht ganz meinem Wunsch, da der Text im Rahmen integriert werden soll.

Gruß Ludwig

Gelöschtes Mitglied 36401 · 30 März 2022

Klick mich

ThomasF · 30 März 2022

Nur so als Gedanke:

HTML:

<!DOCTYPE html>
<html>
<head>
<style>
legend{margin:-20px 0;}
select{margin-top:20px; border:0;}
</style>
</head>
<body>
<form>
 <fieldset>
  <legend>Auswahl</legend>
    <select>
    <option>Option1</option>
    <option>Option2</option>
    </select>
 </fieldset>
</form>

</body>
</html>

Bitte selbst optimieren.

Select-Design

LudwigM

Mitglied

Gelöschtes Mitglied 36401

Guest

ThomasF

Mitglied

Neueste Beiträge