input borders for text boxes

[moondance]

i can use the code:

input {background-color: #FFFFFF; border: 1px #000000 solid}

and this will put a black border around my textboxes and the submit button. Is there anyway i can just have the border around the textboxes alone?

I've searched the web and seen the code:

input.text {background-color: #FFFFFF; border: 1px #000000 solid}

but then this doesn't have any effect at all.

Thanks.

[Charles]

The easiest way is to use a BUTTON (http://www.w3.org/TR/html4/interact/forms.html#edef-BUTTON) element for your submit button.

[moondance]

that would work, but i'm using my own image for a submit button:

<input type = "image" src = "graphics/btn1.jpg" name = "submit" alt = "Log In">

[Charles]

<button type="submit"><img src = "graphics/btn1.jpg" name = "submit" alt = "Log In"></button>

Or you can play around with ids and classes.

[moondance]

How would you add an id to it?

[Charles]

<input type="image" src="graphics/btn1.jpg" name="submit" alt="Log In" id="submit">

or

<iinput type="image" src="graphics/btn1.jpg" name="submit" alt="Log In" style="border:0px">

[moondance]

Great - the second one worked fine.

Thanks for your help and the quick replies. ;)

ps. Whats an undermensch?

[Charles]

Originally posted by moondance
Whats an undermensch? Nietzsche wrote of the ubermensch, the over man, man perfected.

[moondance]

hmmm i've got myself stumped again.

how can i use the method above for a reset button?

For some reason, when using value="submit" (as in the above example) it works fine, but it won't work with value ="reset".

:confused:

[moondance]

no need for reply - i just worked it out:

<input type = "reset" name = Reset" value="" style="background-image: url(clear_btn); border: 0px; width: 115px; height: 35px; background-color: transparent;">

:)