Survey Form Review please!

Survey Form Review please!
0

#1

So here’s my take on the survey form project. I couldn’t get a few things how I wanted them so if you guys maybe could assist me in figuring out. I tried googling it and watching YouTube videos but nothing worked :confused:

  1. I wanted to customize the radio buttons. Have them larger, white and when checked it would be a purple dot.
  2. Same for the check boxes pretty much except a purple check.
  3. I am not sure if you can do it but the drop down menu for “What system is your favorite” I wanted to make it transparent. But I am happy with the black.
  4. The arrow on the drop down menu can you customize that or no? I couldn’t find anything on google about it maybe I was wording my question wrong.

#2

https://www.w3schools.com/howto/howto_css_custom_checkbox.asp

https://www.w3schools.com/howto/howto_custom_select.asp

Check these out. Google some more :wink:


#3

I used both of these and I couldn’t get it to work. Maybe I need to just need to try it in a fresh project. Thank you though


#4

The dropdown requires some JS. But radios and checkboxes are HTML/CSS only. What you’re essentially doing is hiding the default input element and building a custom span element on top of that. Try making one in a blank document. Then try implementing that into your form.


#5

Thanks I got the buttons working in a separate project but after putting them into this project I didn’t like the way it looked so i decided to stick with the default ones.