Добавление тега asp-for к входным данным отключает мой CSS ⇐ C#

[Anonymous]

Поэтому я уже создал дизайн до добавления OnPostAsync и тега asp-for.
поэтому изображение ниже представляет собой дизайн:
Изображение страницы регистрации перед добавлением тега asp-for
Итак, после того, как я добавил тег asp-for к входным данным, произошло следующее:
Изображение страницы регистрации после добавления тега asp-for

Код: Выделить всё

[url=/LoginPage]@* 
[img]/Images/back.png[/img]
 *@ Back[/url]
User Registration




Username



Email



Password


Register

Выше приведен мой код для HTML
а это для моего CSS:

Код: Выделить всё

.user-Details {
display: flex;
flex-direction: column;
padding: 40px;
background-color: rgba(255, 255, 255, 50%);
align-items: center;
width: 400px;
border-radius: 15px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.input-container {
position: relative; /* To position the label relative to this container */
margin-bottom: 30px; /* Add spacing between inputs */
width: 100%; /* Ensure input box and label are aligned */
}

.inp {
height: 50px;
width: 100%; /* Match container width */
border-radius: 10px;
border: 1px solid transparent;
padding: 10px;
}

.lbl {
position: absolute; /* Allow precise positioning */
bottom: -28px; /* Move the label below the input box */
left: 10px; /* Align with input padding */
font-family: sans-serif;
font-size: 12px; /* Optional smaller size */
color: #333; /* Optional color */
}

.btn-reg {
width: 80%;
height: 35px;
border: 0;
background-color: #90D5FF;
border-radius: 10px;
}

Я попробовал сменить Id, но все равно не работает, и теперь я не знаю, что делать. Мне просто нужно, чтобы дизайн сохранялся после использования тега asp-for

Подробнее здесь: https://stackoverflow.com/questions/792 ... les-my-css