RadzenPassword Eye hide?

Radzen.Blazor Components
1

How to hide the first eye?

iPg3kWADHk

MAUI Blazor Code:




@if (ShowPassword)
{
<RadzenTextBox Name="Password" @bind-Value="@LoginModel.Pin" />
}
else
{
<RadzenPassword Name="Password" @bind-Value="@LoginModel.Pin" />
}


<RadzenButton Icon="@(ShowPassword ? "visibility" : "visibility_off")"
Click="TogglePassword"
Variant="Variant.Text" Size="ButtonSize.Small" />







1 Like
2

The "first" eye is not coming from RadzenPassword for sure. It is probably rendered by the browser which you are using. You can search online for tips how to disable the built-in eye for <input type="password"> elements.

1 Like
3

Okay, thank you very much! :slight_smile:

4

It works with this:

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
display: none;
}