input attributes

[slighltywhacked]

Im using this in my sheet

INPUT {  border-color : #FFFFFF;  color : #FFFFFF;  background-color : #293547;  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;} 

looks good with the site.. but there is a prob

the text field and hte submit buttons kind have a bevel, indent thing going.. can I get rid of that?

thanx

[Aidan Bahta]

This seems to do the trick:

<input type="text" style="#FFFFFF;  color : #FFFFFF;  background-color : #293547; border:thin solid #293547; border-color: #293547;  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;">

Or:

INPUT {  color : #FFFFFF;  background-color : #293547;   border:thin solid #293547; border-color: #293547;  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}

Hope this is what you wanted.

[slighltywhacked]

what if i wanted to exclude a particlur input from all thsoe atributes?
cuz I gota button image... and it looks messed with white border around it

[Aidan Bahta]

Although I didn't notice it when I made that HTML, I am almost positive it is the

border-color : #FFFFFF;  color : #FFFFFF;

part of your code. Try setting it to #000000 or another value and let me know what happens.

[slighltywhacked]

no, the colors are fine.. I jsut want to exclude some cases of he input tage from these attributes... so they have no bg, no border...

[Aidan Bahta]

The only way I know how to do it is to use the first method I posted (the one with <input style="">. Through the style attribute you can control each individual item. I believe it overrides all other style settings (external file, for example) so you should be able to use them in conjunction.

There may be another way to do it, but that's the only way I know. I know little about CSS and use it rarely.

[slighltywhacked]

yeah me too..
its sad really
I know java, javascript/asp/php
...but not css

[tubedogg]

You could assign it to a class and then use class="whatever" in your input tags that you wish to have the border. Keep in mind the border screws it up in netscape < 6 to the point where it may not be usable. To fix that, take a look at this.

Anyway back to the question at hand. Here's a snippet of my CSS:
.bginput {
background-color: #779EC5;
font-size: 12px;
font-family: Verdana,sans-serif;
color: #333333;
font-color: #FFFFFF;
border: solid 1px;
background-color: {categorybackcolor};
}
and the input I use in the page:
<input type="text" class="bginput" name="status" size="50">
I could code <input> tags all day and it wouldn't affect them unless I include the class="bginput".