CSS를 사용하여 jquery mobile에서 선택 메뉴의 테두리 반경을 설정하는 방법

내 글로벌 테마에 둥근 모서리가 있습니다. 둥근 테두리는 없지만 둥근 테두리가 적용되는 요소가 몇 개 있습니다. 나는 지금까지CSS를 사용하여 jquery mobile에서 선택 메뉴의 테두리 반경을 설정하는 방법

.rounded { 
-moz-border-radius: 2em /*{global-radii-blocks}*/; 
-webkit-border-radius: 2em /*{global-radii-blocks}*/; 
border-radius: 2em /*{global-radii-blocks}*/; 
}

하고 그렇게

<div data-role="controlgroup" data-type="horizontal"> 
     <select name="select_networks" id="select_networks" data-inline="true" class="rounded"> 
      <option value="1/1">Everyone</option> 
      <option value="2/1">Friends</option> 
     </select> 
     <select name="select_sort" id="select_sort" data-inline="true" class="rounded"> 
      <option value="1">Points</option> 
      <option value="2">New</option> 
     </select> 
    </div>

하지만 행운처럼 DOM 요소에 클래스를 추가, 내 CSS 파일의 끝에 어떤 아이디어이 추가 시도?

출처

2012-02-18 Brian

로 시도, 부모의 요소의 스타일에 따라이가 작동하지 않는 특정 플랫폼이 있습니까? 크롬과 ff에서 잘 작동하는 것 같습니다. http://jsfiddle.net/mrtsherman/AUJxA/ – mrtsherman

흠 잘 phonegap을 통해 안드로이드 장치에서 실행하고있어, 내가 뭔가를 알아낼 수 있는지 알아 보려면 기본 CSS에서 아프다. – Brian

나는 당신이 될 것이라고 생각하지 않는다. 안드로이드 기본 브라우저에서 네이티브 선택 목록을 스타일 수 있습니다. 그들은 최근 Chrome을 Android로 포팅했습니다. 그 일을 할 수 있습니다. – mrtsherman

!important을 사용하여 CSS의 스타일을 따라야합니다.

가끔 사용 인라인 스타일 있지만, 내 요소는 여전히 !important

출처

2012-02-22 08:27:47

CSS를 사용하여 jquery mobile에서 선택 메뉴의 테두리 반경을 설정하는 방법

답변

관련 문제