I have a combobox, whose values am setting using a <lil> tag. But the text color is not displaying at all.
Please check the below code and let me know if there is any mistake in it. The combo is inside a grid.

 <ext:ComponentColumn runat="server" Header="ERL Maturity" DataIndex="MaturityId" Width="150" Sortable="false"
                                                MenuDisabled="true" ColumnID="MaturityId" Editor="true">
                                                <Component>
                                                    <ext:ComboBox Flex="1" runat="server" ID="cmboErlMaturity" NoteAlign="Top"
                                                        Width="150" Height="20" Selectable="true" EnableKeyEvents="true"
                                                        TypeAhead="true" ForceSelection="true" StyleSpec="text-align: center;"
                                                        SelectOnFocus="true" QueryMode="Local">
                                                        <Items>
                                                         
                                                            <ext:ListItem Text="--Select Maturity--" Value="-1" />
                                                            <ext:ListItem Text="Gaps" Value="1" />
                                                            <ext:ListItem Text="Disconnects" Value="2" />
                                                            <ext:ListItem Text="Actions" Value="3" />
                                                            <ext:ListItem Text="In place" Value="4" />
                                                            <ext:ListItem Text="Proven" Value="5" />
                                                            <ext:ListItem Text="N/A" Value="6" />
                                                        </Items>

                                                        <Listeners>
                                                          
                                                            <AfterRender Handler="applyFilter(this,#{StoreERL})" />
                                                            <Select Handler="applyFilter(this,#{StoreERL})" />

                                                        </Listeners>
                                                    
                                                        <ListConfig>
                                                            <Tpl ID="Tpl3" runat="server">
                                                                <Html>
                                                                    <ul class="x-list-plain">
                                                                    <tpl for=".">
                                                                  
                                                                 
                                                                         <li role="option" class="x-boundlist-item">
                                  <span style="background-color: White; color: Black; width: 100%; height: 20px; display: list-item; text-align: center; font-weight: bold; background-image:none;"> {Text} </span>
                                </li>
                                                                      </tpl>
                                                                </ul>
                                                                   
                                                                
                                                                </Html>
                                                            </Tpl>
                                                        </ListConfig>

                                                      
                                                    </ext:ComboBox>
                                                </Component>
                                              
                                            </ext:ComponentColumn>