Sencha Touch : How to change the default image of Select dropdown field?

[gendaful]

Hi All,

I want to change the default Image of Select Dropdown in Sencha Touch to a customized image? I have attached screenshot for reference. I am not able to find any property to change this image. More over I did not find any sencha class which I can override to replace this image. Image is attached below
Please help.
Thank you,

Screenshot.jpg

[dawesi]

seems to be part of this:

.x-selectmark-base, .x-field-select .x-component-outer::after {
content: "";
position: absolute;
width: 1em;
height: 1em;
top: 50%;
left: auto;
right: 0.7em;
-webkit-mask-size: 1em;
-webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRF…0GI/atC4dQYXRMa1MU0IX4gpWsIIVrGAFK1jBCnYUPwIMAPUPAyFL+nRdAAAAAElFTkSuQmCC');
margin-top: -0.5em;
}

[gendaful]

Thanks

I tried with .x-field-select.x-component-outer::after {
-webkit-mask-image:url('myImg') }and it worked.

Thanks for the help.