Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Ian Rushton
15,789 PointsCustom form elements help
I have been asked to create a very simple stylistic form.
It contains a date select, a radio input section with 4 options and a file upload.
The selects need to be plain white rectangles with a 2px black border and an arrow to indicate the drop down.
The radio buttons need to be 4 white rectangles containing centred text (no tick box) which, when selected, turn green.
And the file upload needs to be a plain white rectangle with a black border and a rectangular 'choose file' button displaying the text 'Browse' with a green background.
The style looks so simplistic but everywhere I look I can't seem to find a really simple way of achieving this using JavaScript/CSS.
Can't believe this is proving so difficult!!
1 Answer
Tayler Kemsley
21,479 PointsHello,
I think you might find jQuery UI very useful for your project.
There's a wealth of features you can utilise and some really clear examples.
So for your radio buttons, you could try: https://jqueryui.com/button/#radio
You could try this for your select menu: https://jqueryui.com/selectmenu/#default
They even have a plain old button: http://jqueryui.com/button/#default
And everything 'themeable' with css.
Hope you have some luck with these :)
Tayler
Ian Rushton
15,789 PointsIan Rushton
15,789 PointsYou saved me! Thank you very much!