尝试将此fa fa-eye-slash图标一直放在密码输入字段的右侧。
这是相关的 HTML 和 CSS。
.join-login-main-section {
display: flex;
justify-content: space-between;
align-items: center;
flex-grow: 1;
}
.join-login-text {
font-size: 3.5em;
font-weight: bold;
margin: 0;
}
.accent-text {
color: #BC3A80;
}
.join-login-form {
background-color: #202027;
width: 50vw;
max-width: 50%;
padding: 2rem 4rem;
border-radius: 20px;
}
.input-group {
margin-bottom: 2rem;
display: flex;
flex-direction: column;
}
.input-group:last-child {
margin-bottom: 0;
}
.input-group label {
font-weight: bold;
margin-bottom: .5rem;
}
.input-group input {
outline: none;
background: none;
border: 1px solid #374669; …Run Code Online (Sandbox Code Playgroud)