Jump to content



  • Please log in to reply
1 reply to this topic

#1 yhubu

  • Members
  • PipPip
  • Member
  • 11 posts
  • LocationToronto, Canada

Posted 01 May 2006 - 03:04 PM

Hey does anyone know how to build a form that behaves like this one?

[a href=\"http://www.cssbeauty.com/contact/\" target=\"_blank\"]http://www.cssbeauty.com/contact/[/a]
Apache 1.3 & MySQL on Windowz 2000 Server

"Everything should be made as simple as possible, but not simpler."

"We can't solve problems by using the same kind of thinking we used when we created them."
"A man's ethical behavior should be based effectually on sympathy, education, and social ties; no religious basis is necessary. Man would indeeded be in a poor way if he had to be restrained by fear of punishment and hope of reward after death." Albert Einstein

#2 moberemk

  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 01 May 2006 - 08:52 PM

Yes. Just use the :focus and :hover pseudoclasses on your input fields. Here's there CSS as an example:
input, textarea{
    background: #fff;
    border: 1px solid #83cde1;
    border-top: 3px solid #83cde1;
input:hover, textarea:hover {
    background: #F0FDE2;
    border-top: 3px solid #b1e77a
input:focus, textarea:focus {
    background: #FCFFEC;
    border-top: 3px solid #b1e77a

Disclaimer: No matter how harsh I may be, I'm always IMO only.

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users