'resizing TelerikDateRangePicker components

I want to resize input date boxes of TelerikDateRangePicker component in Blazor in order to fit it better in my page. It looks to be a bit long and I want to resize it. This is the original size: enter image description here I tried adding

<style>
    .k-floating-label-container {
          width: 140px !important;
     }
</style>

to the header of the page when running which made it as follows: enter image description here However, when I do the same in my CSS file and then run the application it goes back to the default. Any idea on this?

htmlcsstelerikblazor


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions