[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
6054

After
6053

[osef]

Hi RCN and Daniil

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

6066

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:

6070


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"

6071

Thank you.

[Daniil]

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