Inline hình thức lĩnh vực: hộp tìm kiếm và nút trong jQuery-Mobile

Question

Đây là những gì tôi đang cố gắng để đạt được:

Đây là những gì tôi nhận được:

Xin vui lòng xem JSFiddle về điều này với trình duyệt web-kit (Chrome hoặc Safari): http://jsfiddle.net/KqEqN/

Điều này xảy ra khi bạn tường thuật hàng màn hình nhưng vẫn còn đủ rõ ràng cho không gian nút. Tôi đã xem xét CSS cố gắng tìm một số loại đệm ở bên phải của nút nhưng không thể. Ngoài ra nơi mà các đường ngang mà địa ngục đến từ đâu?

Answer 1

Tôi không quen với jQuery Mobile, vì vậy tôi có thể làm điều này sai. Tôi đoán là bạn phải thêm các lớp phụ thay vì ghi đè chủ đề của jQuery Mobile.

Việc sửa chữa bao gồm:

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

Kiểm tra nó trong hành động ở đây: http://jsfiddle.net/NqFhQ/