View Full Version : [CLOSED] ComboBox style
osef
Apr 17, 2013, 4:34 PM
Daniil
Apr 17, 2013, 5:49 PM
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?
Please let me know if that was what you were needing.
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
Apr 19, 2013, 1:07 AM
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
Apr 19, 2013, 4:49 AM
Hello!
Please, try to add the following CSS rule:
.x-boundlist-item-over {
border: none !important;
}
osef
Apr 19, 2013, 8:31 AM
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
Apr 19, 2013, 9:23 AM
The ".x-boundlist-selected" CSS class is added for a selected item.
Powered by vBulletin® Version 4.2.3 Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.