When hovering, an unnecessary underline appears by location.

[kako]

Hi.

I use Metro theme.

When hovering a combo box, an unnecessary green underline appears by location.

It is the first combo box of the following sample.

http://dojo.telerik.com/IkaMUs

(I confirmed it with chrome.)

Is there a way to fix this problem?

[Ivan Danchev]

Hello Kako,

In the dojo example 14px font-size is applied:

<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>

which causes this thin green line (the background of the wrapping span element) to be visible on hover. You can prevent this by increasing slightly the ComboBox input's default height, for example:

<style>
  .k-combobox .k-input {
    height: 2.035em;
  }
</style>

Regards,
Ivan Danchev
Progress Telerik

[kako]

Hello Ivan.

Thank you for your answer.But, if font-size is changed, for example 16px, I need to change the ComboBox input's default height each time?

After asking this question, I tried setting the ComboBox input's height to the ComboBox wrap's default height.

Then, with every font size, I could hide the green line.

http://dojo.telerik.com/IkaMUs/4

Is this method wrong?

[Ivan Danchev]

Hello Kako,

Both approaches 1. setting the input height or 2. setting the element with class "k-dropdown-wrap" height as you do in the dojo example you linked in your last reply, work identically at my end when using different font-sizes, so either of them can be used to hide the line.

Regards,
Ivan Danchev
Progress Telerik

[kako]

OK, thank you very much !!