input type submit with css ?

Discussion in 'CSS' started by mab, Feb 28, 2008.

  1. #1
    Hello ..
    I'm just getting confused how to make like yahoo's submit button in registration page ,, any help guys ?
    for who didn't understand i mean the button that you click to register "create My Account" its with css because when you click on it it gives you another pic
     
    mab, Feb 28, 2008 IP
  2. deques

    deques Peon

    Messages:
    206
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #2
    do you mean when the pointer is on the button or when the button is clicked

    if its when its over the button, use :hover
     
    deques, Feb 28, 2008 IP
    mab likes this.
  3. mab

    mab Active Member

    Messages:
    563
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    80
    #3
    yeah thats what i meant bit how ? :D
     
    mab, Feb 28, 2008 IP
  4. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #4
    It's called a rollover, and isn't supported by Internet Explorer 6 unless you use JavaScript. Simply create a new style rule for your submit button and add :hover to it, then put your styles in it.

    Here's a rough example:

    
    <input class="submit" type="Submit" value="Complete Your Registration">
    
    #form-name .submit:hover {
    	/* your hover specific styles for the submit button go here */
    }
    
    Code (markup):
    Note that #form-name corresponds (goes) with the ID on the form element that it belongs in. So for example, if the form had an ID of "registration-form" then the selector would look like #registration-form .submit:hover { } with the styles going inside the curly brackets.
     
    Dan Schulz, Feb 28, 2008 IP
    mab likes this.
  5. mab

    mab Active Member

    Messages:
    563
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    80
    #5
    thanks .. thats what i was lookin for ,, REP+ BOTH
     
    mab, Feb 28, 2008 IP