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
Jenny Swift
21,999 Pointshow to do text inputs without the box
Hi, does anyone know please how to do the text inputs like they do here at Treehouse in the quizes where you have to type in your answer and you type on a line, i.e it doesn't look like the box you get from using a normal html text input element?
5 Answers
James Conner
9,821 Pointssomebody please correct me if I'm wrong, but would it be something along the lines (no pun intended) of:
'''css input { border: 0 0 1px 0 solid green; background: transparent; } '''
guess I could try it out but I'm feeling a little lazy this second...
you would have to get a little more specific with the selector though if you wanted just text inputs to be formatted.
Bruno Felicio
6,925 PointsSomething like this: http://codepen.io/anon/pen/JHCkj
Jenny Swift
21,999 PointsOkay, thanks, that worked but I think it is due to the background: none, and the border properties, not the appearance property, because I don't see any difference if I omit the appearance property.
Jenny Swift
21,999 PointsThank you very much! For some reason border: 0 0 1px 0 solid green didn't work, but I got it working with background: transparent; border: none; border-bottom: 1px solid green;
James Conner
9,821 PointsI was thinking about that, but hoped we could get all of the border properties easily onto one line without having to generate the extra line just for the bottom. That's what happens with only one cup of coffee in the morning.
Nice!
Bruno Felicio
6,925 Pointstried -webkit-appearance:: none?
Jenny Swift
21,999 PointsThat didn't work but thanks.