para - formularios html css

¿Cómo puedo dejar de jQuery mobile para aplicar estilos a mis elementos de formulario específicos?

Question

¿Es posible indicar a jQuery Mobile que no cambie el estilo de mi cuadro de entrada y el botón de enviar? Estoy bien con mi CSS personalizado. La secuencia de comandos móvil de jQuery aplica su propio estilo a todos mis elementos.

la única solución que probé es anular esos elementos en mi CSS personalizado. ¿Hay otras funciones disponibles donde puedo hacer esto? algo como esto

$.ignoreStyles("button,text");

Answer 1

@angelokh solución funcionó para mí. También mira el siguiente enlace:

http://my.safaribooksonline.com/book/-/9781849517225/7dot-configurations/ch07s06_html

Además, la clave es agregar el siguiente script antes de incluir jquery.mobile.js:

$(document).bind("mobileinit", function() {
  $.mobile.ignoreContentEnabled = true;
});

Answer 2

Esto funciona para mí

$(document).bind("mobileinit", function() {
  $.mobile.ignoreContentEnabled = true;
});

<div data-enhance="false">
    <input type="checkbox" name="chkbox1" id="chkbox1" 
      checked />
    <label for="chkbox1">Checkbox</label>
    <input type="radio" name="radiobtn1" id="radiobtn1" 
      checked />
    <label for="radiobtn1">Radio Button</label>
  </div>

Answer 3

jQuery Mobile ignorará los elementos cuyos atributos de data-role estén configurados en none . Por lo tanto, simplemente puede agregar estos atributos a su marcado:

<input type="text" name="foo" data-role="none" />
<button type="button" id="bar" data-role="none">Button</button>

Answer 4

prueba esto

$(document).on(''pagebeforecreate'', function( e ) {
    $.mobile.ignoreContentEnabled=true;
});