Inline pól formularza: pole wyszukiwania i przycisk w jQuery-Mobile

Question

To co próbuję osiągnąć:

To co mam:

proszę zobaczyć JSFiddle z przeglądarki internetowej (Chrome lub Safari): http://jsfiddle.net/KqEqN/

To się dzieje, gdy nar rząd na ekranie, ale wciąż jest wystarczająco dużo miejsca na przycisk. Sprawdziłem, czy CSS próbuje znaleźć jakieś dopełnienie po prawej stronie przycisku, ale nie mógł. Także skąd się wzięła ta pozioma linia?

Answer 1

Nie jestem zaznajomiony z jQuery Mobile, więc być może robię to źle. Domyślam się, że musisz dodać dodatkowe klasy zamiast przesłonić motyw jQuery Mobile.

Rozwiązaniem dotyczy:

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

Zobacz go w akcji tutaj: http://jsfiddle.net/NqFhQ/