/    Sign up×
Community /Pin to ProfileBookmark

Colored Text Fields in Forms

Copy linkTweet thisAlerts:
Nov 25.2002

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?

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@StefanNov 25.2002 — Does ANYONE know where I can find the codes/scripts for these enhancements?[/QUOTE]

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

hidden in linked style sheets that I cannot view[/QUOTE]

Have you tried simply browsing to the URL where the CSS file is located?

That makes it show up in my browser at least.
Copy linkTweet thisAlerts:
@tdtaylorauthorNov 25.2002 — 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)!
Copy linkTweet thisAlerts:
@tdtaylorauthorNov 25.2002 — 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.
Copy linkTweet thisAlerts:
@Zach_ElfersNov 26.2002 — 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.?
Copy linkTweet thisAlerts:
@tdtaylorauthorNov 26.2002 — Thanks, Zach! I will try that!
×

Success!

Help @tdtaylor spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.4,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...