En uno de mis proyectos, he usado input[type="button"] para aplicar un estilo a todos los botones. Funciona bien en todos los navegadores, excepto Internet Explorer 6. No aplica estilo a los botones.

¿Hay alguna solución para esto, como crear alguna clase para el botón y aplicarlo a todos los botones?

Quiero aplicar esa clase a todos los botones pero no manualmente. Creo que es posible usar jQuery para esto, ¿podría ayudarme con esto?

0
Wasim Shaikh 24 jul. 2009 a las 11:10

5 respuestas

La mejor respuesta

Por lo general, me gusta no usar JavaScript para esto, así que agrego class="text" para <input> elementos que son de tipo texto, class="button" para elementos <input> que son de tipo botón, y pronto. Entonces puedo combinarlos con input.text etc.

Si bien no desea hacerlo manualmente, considero que es una mejor práctica. Si todavía quieres hacerlo con jQuery, hazlo así:

$('input:button').addClass('button');
// Or to include <button> elements:
$('button, input:button').addClass('button');

// Text inputs:
$('input:text').addClass('text');
// And so on...
5
Blixt 24 jul. 2009 a las 07:26
$(":button").addClass("yourclassname");

Esto coincide con todos los elementos de botón y elementos de entrada de tipo botón y les agrega clase.

5
rahul 24 jul. 2009 a las 07:13

No puede hacerlo automáticamente en IE6 sin javascript. Así es como puedes hacerlo con jQuery

$(":button").addClass( "something" );
2
Kane Wallmann 24 jul. 2009 a las 07:14

¿Has probado $(":button")?

3
Chuck Norris 8 abr. 2012 a las 16:53

No usaría jQuery a menos que lo necesite en otro lugar, ya que cargar una biblioteca o marco para una tarea tan simple parece excesivo.

I.E.6 no entiende los selectores de atributos CSS, correcto, parece que Javascript es la única forma.

Quizás puedas jugar con este código:

Buttons=Parent.getElementsByTagName("input"); // "Parent" could be "document" or the Id. of a form, fieldset, div etc.
Button=0;
while(Button<Buttons.length){
    if(Buttons[Button].getAttribute("type")=="button"){
        Buttons[Button].className="Whatever_Style_We_Want";
    }
    Button++;
};

No lo he probado ni probado, pero el fragmento es algo con lo que jugar. ¡Incluso puede funcionar de inmediato!

1
Jay 24 jul. 2009 a las 10:56