Click to See Complete Forum and Search --> : Colored Text Fields in Forms


tdtaylor
11-24-2002, 08:40 PM
I have visited several web sites that contain forms, and their form fields that allow text have a colored shadow inside of them and/or colored border around them. I have checked the source code to see how this is done, but the codes are hidden in linked style sheets that I cannot view.

Does ANYONE know where I can find the codes/scripts for these enhancements?

Stefan
11-24-2002, 08:43 PM
Does ANYONE know where I can find the codes/scripts for these enhancements?

http://www.w3.org/TR/REC-CSS2/

hidden in linked style sheets that I cannot view

Have you tried simply browsing to the URL where the CSS file is located?
That makes it show up in my browser at least.

tdtaylor
11-24-2002, 08:51 PM
Actually, yes... I have tried this method, but the main folder name where these files are located is usually not included in the path. I keep getting "Page Not Found" or I am rerouted to some sort of search engine. It's frustrating because I know your suggested method works, I have done it before.

Maybe it's just an error on my part, but I have tried this several times and I have gotten nowhere. I will try the link you posted. At any rate, thanks for your suggestion(s)!

tdtaylor
11-24-2002, 09:11 PM
Okay... ask me if I feel like a dumb@$$! No really, go ahead and ask...!

I tried your suggestion again and was able to view one of the the style sheets in it's entirety. The shadow is done with a background image, which I was not aware you could do with a form text field.

Stop laughing at me now and accept my gratitude.

Zach Elfers
11-25-2002, 07:16 PM
Actually, you can view a linked stylesheet. Just follow the path by viewing the HTML document, and then type it in the location bar. Your computer will either download it (in like a second, no long download) or it will display it in Notepad, etc.

To change the color of a text field (textarea too), in the CSS script, put:
input {
background:background color or image path;
font-family:Times New Roman;
font-weight:bold;
text-decoration:none;
color:text color;
border-color:color;
}

That should work, and if it doesn't, than you probably aren't using a CSS browser.:)

tdtaylor
11-25-2002, 07:33 PM
Thanks, Zach! I will try that!