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!
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
Andrew Smalling
37 Pointsborder color of input text
I changed color of input["text'] by changing its border-color property. https://i.gyazo.com/7c506a92015886b999c5f13d89c1b20c.png But as you can see on this picture the top border's color differs from the bottom border's.
Any ideas on why this may occur? Thanx in advance!
Jennifer Nordell
Treehouse TeacherWe really need to see both your CSS and HTML code to troubleshoot this, I think. There's a link to the Markdown Cheatsheet on this page to show you tips on how you can post your code to the forums.
Jennifer Nordell
Treehouse TeacherIt looks like maybe you might have a box-shadow or inset shadow somewhere in your CSS. But hard to know for sure.
2 Answers
Adam Hill
7,491 PointsIf you're not using any kind of 'normalise' css to reset all of your browser default styles then Jennifer is correct, input's by default can have border, shadow and outline styles applied to them by the browser. You'll need ot override the default "border-style:inset;" by either stating "border-style:solid" or uasinf the shorthand "border:1px solid blue;"
Andrew Smalling
37 PointsIt was inset border! Thank you, guys!
Andrew Smalling
37 PointsAndrew Smalling
37 PointsI changed border-width to show the problem more clearly https://i.gyazo.com/499035dd10da14f0ade2ebc6fcaae9ce.png