css does not apply for RadTextbox

5 posts, 0 answers
  1. Kishor
    Kishor avatar
    82 posts
    Member since:
    Oct 2012

    Posted 22 Jul 2013 Link to this post

    hello 
    I have used RadTextbox for which I have applied following css, But the css does not apply to RadTextbox
    please help me to solve this problem
    waiting for reply
    Thanks
    Kishor 

    <style type="text/css">

          .Radtext

        {

             font-size:12px;

             font-family:Arial, Helvetica, sans-serif;

        }

    </style>


    <telerik:RadTextBox ID="txtCustomerNo" runat="server"   CssClass ="Radtext"  Skin="Windows7"  >

    </telerik:RadTextBox>

  2. Eyup
    Admin
    Eyup avatar
    3012 posts

    Posted 25 Jul 2013 Link to this post

    Hello Sawan,

    You will need to use the !important property to achieve the requested appearance:
    .Radtext
    {
        font-size: 12px !important;
        font-family: Arial, Helvetica, sans-serif !important;
    }

    Alternatively, you can use the following properties:
    <telerik:RadTextBox ... Font-Size="22px" Font-Names="Arial, Helvetica, sans-serif">

    In addition, you can check out the following topic:
    http://www.telerik.com/help/aspnet-ajax/input-css-width.html

    Hope this helps.

    Regards,
    Eyup
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kishor
    Kishor avatar
    82 posts
    Member since:
    Oct 2012

    Posted 25 Jul 2013 Link to this post

    hello sir
    following css works only if used as internal css on page

    Internal CSS

    <style type="text/css">

    .Radtext

    {

     

    font-size: 12px !important;

    font-family: Arial, Helvetica, sans-serif !important;

    }

    </style>

     
    It does not works when used in external css(Style1.css)
       External CSS

      .Radtext { font-size :12px ; ! important font-family : Arial , Sans-Serif , Helvetica; ! important; }


    please help


  5. Eyup
    Admin
    Eyup avatar
    3012 posts

    Posted 30 Jul 2013 Link to this post

    Hello Sawan,

    Can you please place the !important property before the corresponding semicolon and let me know if it resolves the issue?

    Regards,
    Eyup
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  6. Kishor
    Kishor avatar
    82 posts
    Member since:
    Oct 2012

    Posted 30 Jul 2013 Link to this post

    thanks
     its working fine
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017