오버를 타고 CSS는

내 특정 문제는 내가 JQuery와 모바일에서이를 구현하기 위해 노력하고 있다는 것입니다 JQuery Mobile은 모든 것을 회색으로 바꿉니다.오버를 타고 CSS는

더 일반적인 질문은 JQuery Mobile이 페이지의 일부만 남겨 둘 수 있다는 것입니다.

저는 이것에 대해 많이 봤습니다. Themeroller 사용에 대한 제안을 보았습니다.하지만이 특정 스타일을 설정하는 데 어떻게 사용할 수 있는지는 알 수 없습니다.

나는 또한 data-role = "none"을 사용해 보았지만 이는 폼 요소에서 작동하는 것처럼 보입니다. 나는 그것이 잘 작동 JQuery와 모바일 스크립트 행을 제거하면

<html> 
    <head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> 
    <link rel="stylesheet" href="http://www.rwe-uk.com/static/ichat_with_css3/style_5.css" /> 
    </head> 
    <body> 
    <div data-role="page"> 
     <div class="commentArea"> 
     <div class="bubbledLeft"> 
      Hi 
     </div> 
     <div class="bubbledRight"> 
      Hi there yourself 
     </div> 
     </div> 
    </div> 
    </body> 
</html>

편집 :

여기에 코드입니다.

출처

2012-02-23 user1228295

jqm의 CSS를 무시할 수 있습니까? – ghostCoder

이 문제가 보이는 샘플 코드를 게시하십시오 .. – user700284

당신은 페이지의 스타일을 수정할 수 중

.ui-content-transparent{ 
    background: transparent !important; 
}

<div data-role="page" class="ui-content-transparent">

참조 Example

출처

2012-02-23 20:28:56

그게 훌륭합니다 - 정말 고마워요! – user1228295

이 다음 순서로 CSS를로드하는 것입니다 내가 달성 방법 : themeroller

jquery.mobile.structure-1.0.min.css

내 일반에서

테마 파일 스타일 오버라이드
내 플랫폼 고유의 오버 라이딩 스타일 android.css 또는 ios.css

로딩 순서가 중요합니다.

스타일 시트 3 또는 4에서 스타일을 재정의 할 때 종종! important를 사용해야합니다.

재정의 스타일을 사용하여 최종 DOM 레이아웃을 타겟팅하는지 확인하십시오.

이 정보가 도움이되기를 바랍니다. 사용자 정의 클래스를

<div data-role="page" style ="background: transparent;">

또는 추가 :

출처

2012-02-23 18:25:14

오버를 타고 CSS는

답변

관련 문제