2012-06-07 3 views
1

나는 onItemDisclosure을 가지고 꽤 많은 목록을 갖고있는 Sencha Touch 2 앱이 true으로 설정되어있다. iPhone이 apple.css을 사용하고 있더라도 Android 및 iPhone의 파란색 원 안에 흰색 화살표가 표시됩니다.sencha touch iphone 목록 화살표 아이콘

여기 게시물을 기반으로하고 센차 포럼에, 나는

.x-list-disclosure { 
    width: 10px; 
    height: 13px; 
    margin-top: 0.6em; 
    right:1em !important; 
    -webkit-mask: none; 
    -webkit-mask-box-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAACQN/8FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAALRJREFUeNpi/P//P8OkSZMkGBgYtgNxfV5e3iYGLIBZSEhIGkjvB2Id IA4+efLkJXNz85voCpmgNBsSvRpogx+GQqBVT4G0LRDfx6cYbCIexd7oViMrvoOkeB1MMSPI18gA KGEPpA4gCYFs0WBCU6QCpJYiCYFscQPa9osJSZE61CRpJEW2QEV34G6EKtqLpOgRVNF95ADHpsgB WRHMxI9A/AWfIliAvwBJAvFudOuQAUCAAQDiG0runJxCpwAAAABJRU5ErkJggg=='); 
} 

를 사용하여 시도했다 그러나이 많이 스케일 업 아이폰 파란색 동그라미 아래 화살표 추가됩니다.

어떻게 파란색을 제거하고 iPhone 스타일로 보이게 할 수 있습니까?

답변

2

수동으로 고정 끝났다

.x-list-item .x-list-disclosure { 
    overflow: hidden; 
    -webkit-mask: 0 0 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wGBwQ7Dme80Q4AAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAKBJREFUOMvtU7ENAyEQM0i0DJMMxggnNoCKhpWyBxVINBQUlyrRJwKeKF0Ul9bZ8vl0wO8ixshExGdzYkSGEDilBKUUeu+w1oqZgRyRrTUAQO8dSimskkydnXNcSgGAZRKx2s97zznnpYlcGRhjnsOzdeTGQa5Hk60SHyAiaK1vH5/xIOZa6wv/3oH4RjxcgYguu+JVAt4R46TArV/4A7gDIZZWTRQC+PUAAAAASUVORK5CYII=') no-repeat; 
    -webkit-mask-size: 1.2em; 
    background-color: #FFFFFF; 
    background-image: -webkit-linear-gradient(#939393,#000000); 
    background-image: linear-gradient(#939393,#000000); 
    position: absolute; 
    width: 1em; 
    height: 1.2em; 
    bottom: 30%; 
} 
+1

당신은 환상적입니다. –