Jump to content

Archived

This topic is now archived and is closed to further replies.

yhubu

Forms

Recommended Posts

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]

Share this post


Link to post
Share on other sites
Yes. Just use the :focus and :hover pseudoclasses on your input fields. Here's there CSS as an example: [code]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
}[/code]

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.