JQuery 모바일 드롭 다운 목록 위치 지정

Question

jQuery Mobile을 사용하고 있고 드롭 다운 목록 요소의 맨 위에 여백이 추가 된 문제가 있습니다.

텍스트 입력 옆에 드롭 다운 목록을 정렬하려고하지만 입력 상단이 라인 밖으로 나옵니다. http://jsfiddle.net/f6Prp/

내가 원하는 것은 텍스트 상자와 함께 정상에 접하게하는 드롭 다운 목록은 다음과 같습니다

는 샘플입니다. 어떤 스타일을 추가 하든지 드롭 다운의 위치에 영향을 줄 수는 없습니다.

도움을 주시면 감사하겠습니다.

감사합니다.

크리스.

Answer 1

ui-btn 클래스는 위쪽 여백을 정의합니다. 당신은 다음과 같은 스타일을 해제 할 수 있습니다 : 위에서 당신이 원하는하지 않을 수 있습니다 모든 선택 상자에 영향을 미칠 것입니다

.ui-select .ui-btn { 
    margin-top: 0px; 
} 

하는 것으로. 이 경우 더 제한적인 선택기를 사용할 수 있습니다.

업데이트 된 바이올린 here을 찾을 수 있습니다.