Sencha Touch List 사용자 지정 표시 아이콘

Question

목록 구성 요소의 공개 아이콘으로 표시 할 사용자 지정 아이콘이 있습니다. 나는 CSS를했다. 내 아이콘 색상은 회색입니다. 파란색으로 표시됩니다.

내 CSS :

.myList .x-list-disclosure 
{ 
    width:48px !important; 
    height:48px !important; 
    top:0px !important; 
    margin:1em 0 0 0 !important; 
    background-image:none !important; 
    color:transparent !important; 
    -webkit-mask-box-image:url('../resources/images/next.png') !important; 
    -webkit-mask:none !important; 
} 

.x-list .x-list-disclosure:before { 
    position:absolute; 
    top:0; 
    right:0; 
    bottom:0; 
    left:0; 
    content:''; 
    font-family:$font-family; 
    color:transparent; 
    font-size:48px; 
    text-align:center; 
    line-height:48px; 
    text-shadow:none !important; 
} 

질문 : 아이콘이 파란색 표시되는 이유는 무엇인지 (심지어는 밝은 회색 컬러) 내가 사용하고 CSS와 내가 잘못 무엇
.

Answer 1

왜냐하면 Sencha background-color은 .x-list .x-list-disclosure 클래스가 # 006bb6이기 때문입니다. -webkit-mask-box-image을 사용할 때 배경색 즉 파란색 대신 밝은 회색이 투명하게 표시됩니다. 아이콘의 색상을 변경하려면 다음을 수행하십시오.

.myList .x-list-disclosure { 
    background-color: grey !important; 
} 

제 설명은 사용자의 질의를 만족시킵니다.