NativeScript에서 단추 스타일 지정 선택기를 사용하는 방법

Question

NativeScript 응용 프로그램을 실행 중입니다. 이제 단추를 눌렀을 때 내 단추의 배경색을 변경하여 사용자가 실제로 볼 수 있도록합니다. 일부 검색 후 나는 그 발견 documentation. 그래서 난 내 코드에 다음을 적용하려고 (슬프게도 나는 TS를 통해 내 버튼을 초기화하고 있지 않다, 그래서 btn = new buttonModule.Button(); 라인을 사용할 수 없습니다

내 HTML :.

<Button [text]="'SIGNIN'|translate" (onTap)="passCredentials()"></Button> 

내 CSS :

Button { 
    background-color: rgba(255, 230, 0, 1); 
    font-weight: bold; 
    margin-left: 10; 
    margin-right: 10; 
    padding: 10; 
    height: 50; 
    margin-top: 30; 
    margin-bottom: 25; 
} 
Button:pressed { 
    background-color: red; 
} 

을

그게 내가 시도한 것이지만 오류를 던지거나 배경색을 변경하는 것이 아닙니다.이 클래스들 사이를 전환하려면 수작업으로 말해야합니까? 어떻게 할 수 있습니까?

Answer 1

highlighted 의사 선택에 시도하지 :

Button:highlighted{ 
    background-color: red; 
} 

Answer 2

당신이 NativeScript core theme을 사용할 수 있습니다 직접 CSS를 작성할 필요가 있습니다.
app.css 파일의 핵심 테마 중 하나를 추가 한 다음 Button 구성 요소에 btn 및 btn-primary 클래스를 사용할 수 있습니다. 참조 여기에 내가 공유하고 링크가 app.css

Color Schemes