Unable to apply styles for disabled rad controls

1 posts, 0 answers
  1. chaya
    chaya avatar
    1 posts
    Member since:
    Nov 2014

    Posted 21 Nov 2014 Link to this post

    Hi All,

    In rad telerik controls text styles are not getting applied in IE browser(7,8) where as in chorme browser its working fine. Please let me know if their any solution?
    PFA..Sample Code:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication5.WebForm1" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <style type="text/css">
    .cancel-button {
    background: #fff;
    background-image: -moz-linear-gradient(#1ba6ad, #0f6c7d 60%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ba6ad), color-stop(60%,#0f6c7d));
    box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.5),2px 2px 3px rgba(50, 50, 50, 0.5) inset;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1ba6ad', endColorstr='#0f6c7d');
    appearance: none;
    border: none;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    color: #fff;
    display: inline-block;
    font-size: 1.273em;
    font-weight: bold;
    line-height: 36px;
    padding: 0px 23px;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    .aspNetDisabled {
    opacity: 0.5 !important;
    cursor: default;
    color: white !important;
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="rmScriptManagerWebLayout" runat="server">
    <telerik:RadAjaxManager ID="ramWebLayout" runat="server">
    <telerik:RadButton ID="buttonCancel" runat="server"
    CssClass="cancel-button" Enabled="false" ButtonType="LinkButton" DisabledButtonCssClass="aspNetDisabled"
    EnableEmbeddedBaseStylesheet="false" EnableBrowserButtonStyle="false" Skin="" Text="cancel">

Back to Top