I cannot find the correct CSS element to color the area just inside the border and outside .inner (or .fake input). Please see attached image.
A cannot find documentation for all the rddl elements like the combo box
A cannot find documentation for all the rddl elements like the combo box
6 Answers, 1 is accepted
0

Shinu
Top achievements
Rank 2
answered on 03 Apr 2014, 04:43 AM
Hi Richard,
I guess that you want give the border color for the Fakeinput and Icon of the RadDropDownlist. Please have a look into the following CSS which works fine at my end.
CSS:
Thanks,
Shinu.
I guess that you want give the border color for the Fakeinput and Icon of the RadDropDownlist. Please have a look into the following CSS which works fine at my end.
CSS:
<style type=
"text/css"
>
.rddlFakeInput
{
border :
1px
solid
blue
!important
;
}
.rddlIcon
{
border :
1px
solid
blue
!important
;
}
</style>
Thanks,
Shinu.
0

Richard
Top achievements
Rank 1
answered on 03 Apr 2014, 11:51 AM
Thanks, This worked for me;
.rddlFakeInput, .rddlIcon, .rddlInner
{
border : none !important;
background-color:#0073AC !important;
}
There is one more border I cannot find. Please see attached
.rddlFakeInput, .rddlIcon, .rddlInner
{
border : none !important;
background-color:#0073AC !important;
}
There is one more border I cannot find. Please see attached
0

Shinu
Top achievements
Rank 2
answered on 04 Apr 2014, 02:52 AM
Hi Richard,
Please try the following CSS which works fine at my end.
CSS:
Thanks,
Shinu.
Please try the following CSS which works fine at my end.
CSS:
.rddlList, .rddlPopup
{
border
:
1px
solid
blue
!important
;
}
Thanks,
Shinu.
0

Richard
Top achievements
Rank 1
answered on 04 Apr 2014, 11:40 AM
That added a 1px blue border but the black outline is still there. (see attached)
Keep in mind I am overriding a BlackMetroTouch embedded skin
Keep in mind I am overriding a BlackMetroTouch embedded skin
0

Shinu
Top achievements
Rank 2
answered on 07 Apr 2014, 11:46 AM
Hi Richard,
Please try the following CSS which works fine at my end.
CSS:
Thanks,
Shinu.
Please try the following CSS which works fine at my end.
CSS:
.rddlList,.rddlItem,.RadDropDownList .RadDropDownList_BlackMetroTouch,.rddlSlide,.rddlPopup
{
border
:
1px
solid
blue
!important
;
}
.rddlPopup_BlackMetroTouch
{
background
:
blue
!important
;
}
Thanks,
Shinu.
0
Hello Richard,
It seems the color of border comes from custom styles, because the border of the popup in the BlackMetroTouch skin is light gray. If the custom stylesheet overwrite only the color of border, the following CSS should resolve the issue
If this solution does not work, there is some stronger selector in the custom style sheets which overwrite the html .rddlPopup. In this case could you provide us with a runnable project, live URL or screen shot of developer tool where we can see the applied stylesheets to the rddlPopup? This would help us to can assist you in more efficient way.
Regards,
Magdalena
Telerik
It seems the color of border comes from custom styles, because the border of the popup in the BlackMetroTouch skin is light gray. If the custom stylesheet overwrite only the color of border, the following CSS should resolve the issue
html .rddlPopup {
border
:
none
;
}
If this solution does not work, there is some stronger selector in the custom style sheets which overwrite the html .rddlPopup. In this case could you provide us with a runnable project, live URL or screen shot of developer tool where we can see the applied stylesheets to the rddlPopup? This would help us to can assist you in more efficient way.
Regards,
Magdalena
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.