Necesito estilo de dos diferentes entradas a aparecer de forma diferente en el ratón y hacer clic, como los botones. Normalmente yo uso los botones; sin embargo, uno de estos es un input type=»reset» y supongo que es más sencillo usar una entrada para este que escribe de una forma reset de secuencia de comandos.
¿Cómo funciona un estilo de insumos con los tipos de «enviar» y «reset» con CSS para el ratón y haga clic en?

OriginalEl autor daysrunaway | 2011-04-22

2 Comentarios

  1. 11

    Suponiendo que te refieres en CSS, en lugar de un JavaScript enfoque, puede utilizar la pseudo-clases:

    input[type=reset], /* CSS2.1 attribute-equals selector */
    #resetButtonID,
    .resetButtonClass-Name {
        /* the reset button */
    }
    
    input[type=reset]:hover,
    #resetButtonID:hover,
    .resetButtonClass-Name:hover {
        /* the reset button when hovered over */
    }
    
    input[type=reset]:active,
    #resetButtonID:active,
    .resetButtonClass-Name:active {
        /* the reset button when mouse-down */
    }
    
    input[type=reset]:focus,
    #resetButtonID:focus,
    .resetButtonClass-Name:focus {
        /* the reset button when focussed by keyboard-navigation */
    }

    JS Violín demo.

    OriginalEl autor David Thomas

  2. 4

    Es el mismo que el de cualquier otro elemento en CSS, hay pseudo selectores de movimiento y foco, pero no específicamente por clic. También puede utilizar el selector de atributo:

    input[type="reset"]{/* attribute selector*/}
    input[type="reset"]:hover{/* :hover psuedo selector*/}
    input[type="reset"]:focus{/* :focus psuedo selector*/}
    input[type="reset"]:active{/* :active psuedo selector (for click)*/}

    El enfoque de estilo se aplican cuando el usuario inicialmente haga clic en (o se centra, por supuesto), pero se pierde el estilo, una vez que el usuario mueve el foco a otro elemento. Específicamente para obtener haga clic en estilos para ese pequeño momento mientras el botón del ratón hacia abajo, uso de javascript o tratar la :active selector, que (yo sólo ahora se daba cuenta) puede ser aplicado a los no-anclaje de elementos.

    OriginalEl autor Wesley Murch

Dejar respuesta

Please enter your comment!
Please enter your name here