RadAutoCompleteBox CSS border-radius not working

[Yan Moura]

Hi,

I am trying to apply a rounded corner to my RadAutoCompleteBox input box. For this I used the following code:

html .RadAutoCompleteBox .racInput {
    font-family: sans-serif;
    font-size: 1.2em;
    height: 30px;
    border-radius: 15px;
}

All properties other than border-radius are working fine. What am I missing here?

Thanks!

[Yan Moura]

I figured it out myself from another different thread. The trick is to override the default CSS this way:

<style type="text/css">
  .RadAutoCompleteBox_Default .racTokenList
  {
    border-radius: 15px;
  }
</style>