Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

border 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!

I changed border-width to show the problem more clearly https://i.gyazo.com/499035dd10da14f0ade2ebc6fcaae9ce.png

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

We 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
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

It 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
Adam Hill
7,490 Points

If 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;"

It was inset border! Thank you, guys!