List UI = round, can't set background color

[BostonMerlin]

I have a list. i set the style of the lists background-color:green;. If i set the UI of the list to 'round', the background-color is overridden returning to battleship gray. If i set the UI of the list to 'normal', the background color returns to my custom color of green.

This is not expected behavior. What do i have to do to make this work?

Thanks, JB

[jerome76]

Did you try using the !important flag on your background-color property?

[BostonMerlin]

first thing I tried. thanks!

[jerome76]

Did that fix it? Or no? I can't determine by your post

[BostonMerlin]

agree ... confusing. nope, didn't work.

[jerome76]

That is wierd. You'd think that it would change it but it is being blocked by the .x-list-round .x-scroll-view that wraps the list. It looks like the .x-list-round.x-list-ungrouped .x-list-item-label, .x-list-round.x-list-grouped .x-list-item-label has its own background property too.

I don't know what to make of it.

[BostonMerlin]

Agree, anyone else... Bueller .... Bueller ?

[BostonMerlin]

this is all set. the order of css files being applied was overriding my custom css by the sencha css. reordered the css links in architect so my custom rule below was applied.

.x-list-round .x-scroll-view{
background-color:yellow !important;
}

move along... nothing more to see here.