Rounded Corners RadComboBox 2013.2.611.40

2 posts, 0 answers
  1. Al
    Al avatar
    4 posts
    Member since:
    Oct 2013

    Posted 22 Oct 2013 Link to this post

    I'm trying to round the corners on the radtextbox and radcombobox. I used telerik visual style builder the get my style  close as possible but the tool dose not have the ability to modify border-radius . I have applied my skin using EnableEmbeddedSkins="false" Skin="My custom skin name ".  It all works as intended , but I then go and tweak the css as needed, I can get the background of the inputs the have a border radius no problem along with many other css changes but the actual 1px border will not take a border-radius, it as if there is some global ultra style that is over powering this one css property.

    The base skin from the style builder is "Simple" if that helps

    this dose not work totally
     .RadComboBox table td.rcbInputCell{
    border-radius: 0 0 0 4px !important;
    border-radius:0 4px 4px 0 !important;

    this works as it should

    border-radius:0 4px 4px 4px !important;

    If someone can provide stripped out RadComboBox css with rounded corners (NO SPRITES) I can make it work for my purposes or tell me how to remove the global hulksmash code that is overriding everything logical
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 22 Oct 2013 Link to this post

    Hi Al,

    Please have a look into the following CSS I tried works fine at my end.

    .RadComboBox table td.rcbInputCell
        border-radius: 7px 0 0 7px !important;
        border : 1px solid gray;
        border-radius:0 7px 7px 0 !important;
        border : 1px solid gray;

Back to Top