RadTexVox Style

2 posts, 0 answers
  1. Eon
    Eon avatar
    15 posts
    Member since:
    Apr 2015

    Posted 08 Aug Link to this post

    Good Day All,

    I am looking into changing the default color of the Radtexbox when either hovered or clicked on.

    You will see in Picture 1 that it is just a normal input box, now in Picture two you will see it highlights blue when clicked on, I wane change that color

    to something else, how would i accomplish this?


  2. Bozhidar
    Bozhidar avatar
    677 posts

    Posted 09 Aug Link to this post


    Here is a simple CSS code how to change the input styles for RadInput and RadFormDecorator to use the provided blue color when the element is hovered:

    <head runat="server">
            body {
                font-size: 14px;
            /* RadInput styles styles */
            /* FormDecorator styles */
            .RadForm_Default input.rfdTextInput:hover,
            .RadForm_Default input.rfdTextInput:focus,
            .RadForm_Default input.rfdTextInput:active {
                border-color: #3c87c8;
        <form id="form1" runat="server">
            <asp:ScriptManager runat="server"></asp:ScriptManager>
            <telerik:RadFormDecorator runat="server" DecoratedControls="All" RenderMode="Lightweight" />
            <asp:Label ID="Label1" runat="server" Text="RadTextBox" Width="150px"></asp:Label>
            <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox1"></telerik:RadTextBox>
            <br /><br />
            <asp:Label ID="Label2" runat="server" Text="FormDecorator Textbox" Width="150px"></asp:Label>
            <asp:TextBox runat="server"></asp:TextBox>

    Note that for the example a Lightweight rendermode is used.

    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. DevCraft R3 2016 release webinar banner
Back to Top