SitePoint Sponsor |
|
User Tag List
Results 1 to 8 of 8
Thread: input attributes
-
Jul 6, 2001, 22:38 #1
- Join Date
- Apr 2001
- Location
- BC, Canada
- Posts
- 630
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
input attributes
Im using this in my sheet
PHP Code:INPUT { border-color : #FFFFFF; color : #FFFFFF; background-color : #293547; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
the text field and hte submit buttons kind have a bevel, indent thing going.. can I get rid of that?
thanx
-
Jul 6, 2001, 23:38 #2
- Join Date
- Sep 1999
- Posts
- 1,390
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
This seems to do the trick:
Code:<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;">
Code:INPUT { color : #FFFFFF; background-color : #293547; border:thin solid #293547; border-color: #293547; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
-
Jul 6, 2001, 23:59 #3
- Join Date
- Apr 2001
- Location
- BC, Canada
- Posts
- 630
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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
-
Jul 7, 2001, 00:03 #4
- Join Date
- Sep 1999
- Posts
- 1,390
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Although I didn't notice it when I made that HTML, I am almost positive it is the
Code:border-color : #FFFFFF; color : #FFFFFF;
-
Jul 7, 2001, 00:10 #5
- Join Date
- Apr 2001
- Location
- BC, Canada
- Posts
- 630
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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...
-
Jul 7, 2001, 00:20 #6
- Join Date
- Sep 1999
- Posts
- 1,390
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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.
-
Jul 7, 2001, 00:36 #7
- Join Date
- Apr 2001
- Location
- BC, Canada
- Posts
- 630
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
yeah me too..
its sad really
I know java, javascript/asp/php
...but not css
-
Jul 8, 2001, 07:53 #8
- Join Date
- Mar 2001
- Location
- Medina, OH
- Posts
- 440
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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".Last edited by tubedogg; Jul 8, 2001 at 07:55.
Kevin
Bookmarks