sencha touch iphone list arrow icon

Question

У меня есть приложение Sencha Touch 2 с довольно большим количеством списков с onItemDisclosure, установленным на true. Они показывают белую стрелу в синем круге на Android и iPhone, хотя iPhone использует apple.css.

на основе сообщений здесь и на Сенче форуме, я попытался с помощью

.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 стрелка под синим кругом один.

Как избавиться от синего и заставить его выглядеть в стиле iPhone?

Answer 1

Законченное фиксируя его вручную:

.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%; 
}