Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Captcha > Would like rounded corners for image.

• Joel

  Posted on Jun 1, 2012 (permalink)

  I'm trying to give the Captcha image rounded corners, and am not figuring it out.  I've attempted to use jQuery to wrap the image element in a span tag and setting the background image to use the same src, but that came up blank.  Now I'm trying to wrap in div tags, but they disappear whenever a new image is generated.
  
  Perhaps I'm mistaken with my angle of attack - all I really want to do is give rounded corners and a border to the image.  Any advice on how to accomplish this would be most appreciated.
  
  Thanks,
  Joel
  

  Reply

• Answer Shinu MVP

  Posted on Jun 6, 2012 (permalink)

  Hello Joel,
  
  Try the following CSS.
  ASPX:
  

  <telerik:RadCaptcha ID="RadCaptcha1" runat="server"  CaptchaImage-ImageCssClass="imgcss">

  </telerik:RadCaptcha>

  
  CSS:
  

  <style type="text/css">

     .imgcss

      {

         border: 1px solid !important;

         border-radius: 10px !important;

      }

  </style>

  
  Thanks,
  Shinu.

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Captcha > Would like rounded corners for image.