[Solved] Where is this style set....

[lkeel]

I have setup a custom skin but it is based on the black skin.  So, I copied the black skin into my website and renamed everything and got that part working.  I have gotten 99.9% of my site looking as I want it now, but I can't find this one last piece.  ComboBoxes show up with black background and black foreground.  Can someone please tell me the setting in the ComboBox.css to change for this?  I have changed a ton of them and none seem to effect it.

Thanks in advance,

Lee

[Princy]

Hello Lee,

Try setting the following css style to change the style for the input element for RadComboBox:
css:

div.RadComboBox_MyDefault .rcbInputCell INPUT.rcbInput
{
   background-color: red;
   color: yellow;
   height: 37px;
}

Here's the help document which you can refer to find out how to set styles for the RadComboBox Input element:
Tutorial: Change the appearance of the Input element

Thanks
Princy.

[lkeel]

Thanks for the quick response.  However, I could not get this to work through the css for the skin.  I did get it to work if I went to every combobox in my website and set ForeColor="White", but that really is not optimal.  I have done some comparison between my site and the demo using the black skin.  When I use FireBug to view the css style that the color is coming from on the demo site at http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/declarativedatasources/defaultcs.aspx then I get:

.RadComboBox_Black .rcbInputCell .rcbEmptyMessage

BUT when I look at my site, this is getting color from the style:

.RadForm_TrimbleSkin.rfdTextboxinput[type="text"], .RadForm_TrimbleSkin.rfdTextboxinput[type="password"], .RadForm_TrimbleSkin.rfdTextarea textarea,.RadForm_TrimbleSkin.rfdTextarea textarea[disabled]:hover,.RadForm_TrimbleSkin.rfdTextbox input[disabled][type="text"]:hover,.RadForm_TrimbleSkin.rfdTextbox input[disabled][type="password"]:hover

Could this have something to do with having a FormDecorator on the page?  I ask because underneath the input classes are different as well.

Thanks,

Lee

[Kamen Bundev]

Hello Lkeel,

There are four different colors defined in the Black skin, which you can override by raising the specificity of your selectors by adding the element type in front of them:
div.RadComboBox_Black,
div.RadComboBox_Black .rcbInput,
div.RadComboBoxDropDown_Black
{
    color: #fff;
}
div.RadComboBox_Black .rcbInputCell .rcbEmptyMessage
{
    color: #ccc;
}
div.RadComboBox_Black .rcbHovered .rcbInputCell .rcbInput
{
    color: #9eda29;
}
div.RadComboBox_Black .rcbDisabled .rcbInputCell .rcbInput
{
    color: #6f6f6f;
}
More info on specificity you can find in this excellent article.

RadFormDecorator can indeed override the RadComboBox styles in some cases, so if after overriding the specificity the color is still the same, please submit a support ticket with more details on the case, a sample project or a live URL so we can be able to reproduce it and help you fix it. Thank you in advance for your trouble.

Greetings,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.