使用jquery或Javascript更改RadTextbox（Telerik textbox）和RadDatePicker（Telerik DatePicker）的背景色

我在应用程序中使用telerik控件。我必须更改RadTextbox和RadDatePicker的背景色

---

如何使用jquery或Javascript更改RadTextbox（Telerik textbox）和RadDatePicker（Telerik DatePicker）背景色

您可以为大多数Telerik控件指定一个“皮肤”，这些控件通常是从通用默认样式表派生的，因此如果您只是想重新设置控件的样式，那么您可以创建自己的皮肤

如果你真的想用JavaScript即时完成它，那么你可以这样做

以RadCalendar/DatePicker为例，可以在此处找到CSS类的名称及其引用的内容：

如果要更改特定样式，则需要使用自己的CSS类替换CSS类，或者应用覆盖样式表的内联样式

要使用jQuery应用您自己的样式，只需使用以下内容：

$(".your-telerik-css-class").css("background-color","red");

---

编辑：此链接将帮助您了解控件的结构，以了解类将影响哪些内容：

我得到的解决方案如下：

ASPX页面代码

 <asp:ButtonID="Button"runat="server"  OnClientClick="click1();return false;"
          Text="click"/> 
      <telerik:RadDatePickerID="RadDatePicker1"runat="server"> 
          <DateInput> 
          </DateInput> 
      </telerik:RadDatePicker> 
      <telerik:RadTextBoxID="RadTextBox1"runat="server"> 
      </telerik:RadTextBox>

Javascript

<script type="text/javascript"> 
function click1() 
 { 
     varpicker = $find("<%= RadDatePicker1.ClientID %>"); 
     vartextbox = $find("<%= RadTextBox1.ClientID %>"); 
     textbox.get_styles().EnabledStyle[0] += "background-color: red;"; 
     textbox.updateCssClass(); 
     picker.get_dateInput()._textBoxElement.style.backgroundColor = "yellow"; 
 } 
</script>

函数click1（）
{ 
varpicker=$find（“”）；
vartextbox=$find（“”）；
textbox.get_styles（）.EnabledStyle[0]+=“背景色：红色；”；
textbox.updatecsclass（）；
picker.get_dateInput（）。_textBoxElement.style.backgroundColor=“黄色”；
} 

---

通过改变telerik控件的BG颜色，我需要动态地改变RadDatePicker的CSS类，并且遇到了这个帖子

我的css

div.RadPicker_WebBlue.RequiredDate input.riTextBox
{
    background-image: url(images/required-tick.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

---

里奇

谢谢你的回答$（“.your telerik css class”）.css（“背景色”、“红色”）；将页面上的所有红色背景设置为所有日期时间选择器。我必须设置为perticular要为特定的设置它，您可以使用ID选择器：

$（“#您的telerik控件ID”）.css（“背景色”、“红色”）在最终的HTML中查看源代码以检查您是否有正确的ID-客户端的ID通常与服务器端的ID不同。
function setDatePickerRequired(o, required)
{

    if (required)
    {
        $get(o.get_id()+"_wrapper").className = "RadPicker RadPicker_WebBlue RequiredDate";
    }
    else
    {
        $get(o.get_id()+"_wrapper").className = "RadPicker RadPicker_WebBlue";
    }

}

div.RadPicker_WebBlue.RequiredDate input.riTextBox
{
    background-image: url(images/required-tick.gif);
    background-position: right top;
    background-repeat: no-repeat;
}