Losing rounded corners after mouse-over

2 posts, 1 answers
  1. Matt
    Matt avatar
    32 posts
    Member since:
    May 2013

    Posted 24 Jan 2014 Link to this post

    Greetings,

    I am having an issue with rounded corners going back to square corners after a mouse-over.  It happens with every input control.  The only similar thread I found was http://www.telerik.com/community/forums/aspnet-ajax/input/numeric-textbox-not-decorating-correctly.aspx, but it was not answered completely.  Is there a setting I am missing?  I am using version 2013.3.1114.40.

    Thank you!

    Matt
  2. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 27 Jan 2014 in reply to Matt Link to this post

    Hi Matt,

    Please try the following code snippet to achieve your scenario.

    ASPX:
    <telerik:RadTextBox ID="RadTextBox1" runat="server">
    </telerik:RadTextBox>
    <telerik:RadDatePicker ID="RadDatePicker1" runat="server">
    </telerik:RadDatePicker>

    CSS:
    <style type="text/css">
        .riTextBox
        {
            border-radius: 5px 5px 5px 5px !important;
        }
        .riTextBox:focus
        {
            border-radius: 5px 5px 5px 5px !important;
        }
        .riTextBox:hover
        {
            border-radius: 5px 5px 5px 5px !important;
        }
    </style>

    Thanks,
    Shinu
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top