How to hide telerikdropdown border when clicking

1 Answer 36 Views
DropDownList
Jean-François
Top achievements
Rank 1
Jean-François asked on 29 Sep 2023, 10:51 AM

Hi

It seems that s deals with k-picker but how to do good css ?

1 Answer, 1 is accepted

Sort by
0
Hristian Stefanov
Telerik team
answered on 29 Sep 2023, 03:56 PM

Hi Jean-Fran├žois,

To hide the TelerikDropDownList border upon clicking, you can use the following CSS style:

<style>
    .k-picker-solid.k-focus {
        box-shadow: none;
    }
</style>

<TelerikDropDownList Data="@myDdlData" TextField="MyTextField" ValueField="MyValueField" Width="300px" @bind-Value="selectedValue">
</TelerikDropDownList>

@code {
    public class MyDdlModel
    {
        public int MyValueField { get; set; }
        public string MyTextField { get; set; }
    }

    int selectedValue { get; set; } = 3;

    IEnumerable<MyDdlModel> myDdlData = Enumerable.Range(1, 20).Select(x => new MyDdlModel { MyTextField = "item " + x, MyValueField = x });
}

Please run and test the above sample to see whether the result matches what you are looking for.

Regards,
Hristian Stefanov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
Tags
DropDownList
Asked by
Jean-François
Top achievements
Rank 1
Answers by
Hristian Stefanov
Telerik team
Share this question
or