从radcombobox中删除背景

Question

我正在使用radcombobox来显示数据，现在我没有使用任何css样式的radcombox，但它仍然具有灰色背景。

我想删除那种颜色。 下面是我的rad组合框代码：

<telerik:RadComboBox ID="RadCountry" runat="server" CssClass="rcbInput rcbEmptyMessage"
                                           AutoPostBack="False" EmptyMessage="Select a Customer" EnableAutomaticLoadOnDemand="True"
                                           ItemsPerRequest="10" ShowMoreResultsBox="True" EnableVirtualScrolling="True" Filter="Contains" DataTextField="Contact_First_Name"
                                           Font-Names="Arial" Font-Size="11px" ShowToggleImage="false">
                                       </telerik:RadComboBox>

我还附加了给定代码的输出。

Answer 1

我通过使用下面的css来解决这个问题

<style type="text/css">
        div.CustomCssClass .rcbInputCell INPUT.rcbInput {
            color: black;
            height: 1px;
            padding-top: 10px;
        }
    </style>

Answer 2

使用浏览器调试器并转到Inspect Element，找出哪个类/元素是背景的原因。然后将css覆盖为background：none！对于该元素/ css规则很重要。