Menu
I’m just not finding the answers for this one in the tutorials out there. I’m wanting to control the display of my form elements, specifically text input boxes on a given page. Here are my questions…
First, I am already using an external style sheet and would like to put this in there as well. The problem is that I have different styles on inputs on different pages, so if I go with a simple
input[“text”] {background-color: #000000;}
then it will make all of my input elements comply on all pages, which I don’t want. So question number one is can I use a separate identifier to say that input elements within a specified class or id use these rules? I’ve tried a few different combinations and none work. Also, what is the exact syntax for controlling the height of an input element? I can’t seem to get that right either. Say I’m using 8px font in a given span, the input elements always dwarf the text around them.
Now, if I can’t put different specifications in my external style sheet what would be the syntax for just doing this inline? Can I put it directly into the <input> tag? Actually I think I know the answer to that is no as I’ve been trying and it isn’t working. So if I can, a syntax example would be great. Thanks.