CUTCODEDOWN
Minimalist Semantic Markup

Welcome Guest
Please Login or Register

If you have registered but not recieved your activation e-mail in a reasonable amount of time, or have issues with using the registration form, please use our Contact Form for assistance. Include both your username and the e-mail you tried to register with.

Author Topic: Custom Select  (Read 323 times)

AndrewTraub

  • Jr. Member
  • **
  • Posts: 80
  • Karma: +0/-0
Custom Select
« on: 25 Feb 2022, 03:39:15 pm »
I'm wanting to make a custom select in which the options show an html, multi-line value (in my case, each option would be a bolded label followed by an address).

Does anyone know of a good example which is based only on CSS and html?

I found this "hybrid" approach: https://css-tricks.com/striking-a-balance-between-native-and-custom-select-elements/

Thanks,

Andrew

coothead

  • Sr. Member
  • ****
  • Posts: 391
  • Karma: +89/-0
  • I smile benignly
    • coothead's stuff ~ an eclectic collection
Re: Custom Select
« Reply #1 on: 25 Feb 2022, 09:19:15 pm »
Hi there AndrewTraub,

I am not reaaly sure what your actual requirements
are, but I can show you a possible form example...

Full Page View
https://codepen.io/coothead/full/KKyxqxP

Editor View
https://codepen.io/coothead/pen/KKyxqxP

coothead
~ the original bald headed old fart ~

AndrewTraub

  • Jr. Member
  • **
  • Posts: 80
  • Karma: +0/-0
Re: Custom Select
« Reply #2 on: 26 Feb 2022, 11:25:28 am »
Thanks for your example.

 

SMF spam blocked by CleanTalk

Advertisement