[CLOSED] ComboBox style

[osef]

[Daniil]

Hi @osef,

Could you please point on the screenshot what exactly "blue border" you need to remove? Of a ComboBox field's itself? Of a ComboBox's dropdown list? Of a selected item?

[RCN]

[RCN]

Please let me know if that was what you were needing.

[RCN]

If you need to remove the border of the item, please try the following:

<style type="text/css">
    .x-boundlist-item
    {
        padding-left: 0px !important;
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
    }
</style>

or simply

<style type="text/css">
    .x-boundlist-item
    {
        padding:0px !important;
    }
</style>

Before


After

[osef]

Hi RCN and Daniil

The item when the mouse is hover in this image is a example



But I want to remove the border dotted, I try to do the code of RCN but It don't resolve, this to remove some border but not all

<style type="text/css">
    .x-boundlist-item
    {
        padding:0px !important;
    }
</style>

Even I can to see some border dotted as in the picture.

[Baidaly]

Hello!

Please, try to add the following CSS rule:

.x-boundlist-item-over {
	border: none !important;
}

[osef]

Hello!

Please, try to add the following CSS rule:

.x-boundlist-item-over {
	border: none !important;
}

Hi Baidaly, my problem is resolve with this:

    <style type="text/css">
        .list-item:hover
        {   
            background-color:#0174C0;
            color:White;
            padding: 5px 10px 5px 10px;
            margin-top:2px;
            margin-bottom:2px;
        }
        
        .list-item
        {
            font: normal 11px tahoma, arial, helvetica, sans-serif;
            padding: 5px 10px 5px 10px;
            color: #000;
            background-color:#F2F2F2;
            margin-top:2px;
            margin-bottom:2px;
        }
        
        .x-boundlist
        {
            background-color: #F2F2F2;
        }
        
        .x-boundlist-item
        {
            padding:0px !important;
            border-bottom: 1px solid #D9D9D9;
            border-top: none;
            border-left: none;
            border-right: none;
            margin-left:2px;
            margin-right:2px;
            background-color: #F2F2F2;
        }
        
        x-boundlist-item-over
        {
            padding:0px !important;
            border: none !important;
            background-color: #F2F2F2;
        }
    </style>

I have a style as the picture:




But, now, I don't have style to selected item, in the next picture I have selected the year 2013, How Can I do to selected style for the item?, Because the style in the previous problem is with mouse "hover"



Thank you.

[Daniil]

The ".x-boundlist-selected" CSS class is added for a selected item.