MudBlzaor MudTextField 언더라인 제거하기 (delete underline)

MudBlzaor MudTextField 언더라인 제거하기 (delete underline)

 

MudTextField 는 기본적으로 언더라인이 적용되어 있습니다. 

Variant 에 값을 설정해 아래처럼 사용할 수도 있지만

그리드안에 넣는 경우는 모두 적합하지 않습니다.

그래서 Standard 에서 언더라인만 없애는 방법을 알아봅니다.

먼저 아래와 같이 style 을 추가합니다.

<style>
    .no-underline .mud-input-underline::before {
        border-bottom: none !important;
    }

    .no-underline .mud-input-underline::after {
        border-bottom: none !important;
    }
</style>

 

MudTextField 에 위 정의한 style 을 Calss 값에 설정합니다.

 <MudTextField @bind-Value="context.Item.Value" Class="no-underline" Variant="Variant.Filled" Margin="Margin.Dense"
               Style="margin: 0; padding: 0;  height: 20px; line-height: 20px;"/>

 

결과 

(기존)

 

(변경)