Styling Combobox

[Ronits]

Hi,
I would like to style combo box as shown in the below figure :
Screen Shot 2013-02-04 at 1.12.38 PM.png

Please help as to how shall I proceed. Examples/Demos would be really helpful.

[sword-it]

Hi Ronits
May be you can try by overriding by the followings classes for

.x-border-box .x-form-text {
height: 22px;
border-radius: 4px 0px 0px 4px;
background: rgb(240,240,240);
text-align: center;
}


.x-border-box .x-form-trigger {
height: 22px;
border-radius: 0px 4px 4px 0px;
}

I have created a demo for you .Please have a look.

demo.png

[Ronits]

Hi,
Thanks. Almost what is required. However, instead of background:rgb(), would like to have image or some gradient, to make the look and feel more like it.