Topic: Form CSS

I've seen it everywhere - and yet I have no clue how to go about implementing it into my site. How do you add .CSS to a form like a user/password entry?

p.i.x.e.l

It is just like other forms of CSS

input {

  color: black;

  background: white;

  border: 1px solid black;

}

This simply goes into your CSS file. You can modify this to your like. This will change all input based items. You can do the same for a textarea or a select, or anything else. You can tweak the above and add to it as much as you like. You can get some cool outline effects like shadowing by modifying the individual sides of the background, make top and left gray and bottom and right black, for example.

-Dan-

Warmage gave the example.

The real answer though, is "the same way you do for everything else."

Any HTML element can have style information set for it in the style sheet - if you can style a <div>, you can style an <input>, or list, or anything else.

sorry for sort of highjacking this thread:

How would I selectivly style just a submit button via css, instead of all inputs? (Can't add a class to the submit button.
Don't ask. Long story involving a cms system. .sourroundingTableClass input[type=submit] doesn't work.)

Thanks,
TP,
who just seems to use the wrong words for google today.

[This message has been edited by Tyberius Prime (edited 03-09-2004).]

I don't know of any way to do that reliably without a class. =(

quote:

---

How would I selectivly style just a submit button via css

---

input[type=submit] should work, although not in IE. I think the IE7 htc (http://dean.edwards.name/IE7/) added support for that though.

would an inline style work for this special need?

.sourroundingTableClass input[id=thisID]
or
.sourroundingTableClass input[value=yourValue]


Both should work in *real* browsers.

And if most of the world used a real browser, we'd be all set

(unfortunately, they don't)

that's what I feared.

Thanks guys,
guess I'll have to patch the cms' code to include a class then. shouldn't have any side effects at all....

so long,

Tyberius Prime