Inline campos de formulario: cuadro de búsqueda y el botón de jQuery Mobile

Question

Esto es lo que estoy tratando de lograr:

Esto es lo que me sale:

favor ver el JSFiddle de esto con el navegador del kit web (Chrome o Safari): http://jsfiddle.net/KqEqN/

Esto está sucediendo cuando se narra remar la pantalla pero todavía hay suficiente espacio para el botón. He examinado CSS tratando de encontrar algún tipo de relleno a la derecha del botón pero no pude. ¿De dónde viene esa línea horizontal?

Answer 1

No estoy familiarizado con jQuery Mobile, por lo que podría estar haciendo esto mal. Supongo que debe agregar clases adicionales en lugar de anular el tema de jQuery Mobile.

La solución consiste en:

.ui-input-search { 
    width: 50px; 
    display: inline-block; 
} 

Compruebe en acción aquí: http://jsfiddle.net/NqFhQ/