배경색을 온천 UI 페이지로 설정하는 방법

Question

온천 UI 페이지의 배경색을 파란색 또는 일부 색상으로 설정하고 싶습니다. 나는 onsen-page에서 스타일을 업데이트하려고했지만 작동하지 않는 것 같습니다.

Answer 1

당신은 HTML

<ons-page class="red"> 

    <h1>Page 1</h1> 

    </ons-page> 

CSS

.red { 
    background-color: red; 
} 

다음

plunker가

시도 할 수 있습니다. http://plnkr.co/edit/jWTrYz?p=preview

Answer 2

는 v2의하자 나 인용 @frandiox Gitter에이 정보를 제공 한 사람 :

이 v-ons-page에 <div class="background"></div> 요소를 제공하고 그 배경으로 사용됩니다. 원하는대로 스타일을 지정할 수 있습니다. 여기에 더 많은 정보 : https://onsen.io/v2/guide/compilation.html#page-compilation

Answer 3

, 자바 스크립트를이 시도 :

document.addEventListener("init",function(event){ 
    if(event.target.id == "trn") 
    { 
     $("#trn .page__background").css("background","#ffffff"); 
    } 
}); 

온천 태그 :

<ons-page id="trn"> 
</ons-page>