Border w rozwijanym formularzu

Question

Witam serdecznie, 

Mam pytanie, jak mogę zrobić taki border jak na załączonym obrazku? Chodzi mi o to by dynamicznie zmieniał się po rozwinięciu listy, a po zwinięciu był obwódką wokół formularza wyboru

 

Answer 1

ogólnie jeśli chodzi o stylowanie <select> i <option> to jest słabo, bo praktycznie nie da się tego zrobić.
Za sam taki border odpowiada

<fieldset>
  <legend> Miesiąc </legend>
</fieldset>

ale jak wstawisz tam <select> to nie wiem czy da radę rozwijać ten border wraz z rozwinięciem listy.
Za pomocą zwykłej listy ul jest łatwiej to zrobić, przykład + JS do tego musiałbyś oczywiście dodać

Comments

Dziękuje za odpowiedź, czy jest jakiś problem by działało to poprawnie z bootstrapem? Zauważyłem, że z podpiętym css bootstrapa, nie wyświetla obramowania...

---

na to już ja Ci nie odpowiem, bo z bootstrapem nie miałam do czynienia, więc trzeba poczekać, aż ktoś inny odpowie ;)

---

Podpowiedź z listą jest świetna ;)

---

Mam jeszcze pytanie co do listy ;) Czy rozwijanie po kliknięciu,a nie po najechaniu, walidację i zapamiętanie wyboru to już wszystko w js jak rozumiem?

---

tak, dokładnie ;)