Which CSS tag pertains to the color of the form field?
I have been working with some example code and no matter what I change, the form field comes out as a pale grey color which I think is hard to see. I would like to make it darker.
Here is the .css code that I have been working with.
You may have something else going on in your CSS file that is overriding that value - the code you've posted works as it should, but it's obviously only a snippet of your full CSS.
Right click on your element in Firefox and choose 'Inspect Element' - that will tell you exactly which CSS styles are being applied, and which ones are being overridden.
When I check this on www.colorhexa.com it comes out as a dark green color. This is the border that shows up when someone clicks in the field. I have tried changing that but the form field is still a light grey.
If you put the following code into an html file you will see an example of the form that I am using.
There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.
When I use your unmodified css and html for testing the form input fields render as medium blue/green which shows black text when typed into. This is using Firefox 49.0.1 on Win 7. The overall form background is nearly white... much lighter than the background of this EE page.
Okay never knew this existed so it looks like a handy tool. There are several tabs and areas. Which areas should I look into - I notice there are css lines that have a strikethrough like this section - -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; - The first two have a line going through them as if they are not being used.
FYI - Browser specific rules are only needed if you need to support legacy browsers. All modern browsers support CSS3, which in this case is the last rule you have listed above.
0
wchirnsideAuthor Commented:
I realize this one was a bit tricky as the CSS page had over 3,000 lines to choose from and it was difficult to find the area that was best for the situation. I eventually found the code lines where I could darken the border which now makes it easier to see.
0
Question has a verified solution.
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Right click on your element in Firefox and choose 'Inspect Element' - that will tell you exactly which CSS styles are being applied, and which ones are being overridden.