Как сделать текст внутри текстового поля ввода, не выбираемого пользователем, но редактируемым пользователем, т. Е. Поль ⇐ Javascript

[Anonymous]

Я пытаюсь создать ввод пароля, но я хочу, чтобы он был не выбирается пользователем, но при этом оставался редактированием. Я пытался использовать свойство Select-None Tailwind, управляя значением Readonly с использованием состояния, но, похоже, ничего не делает.export const Input = memo((props: InputProps) => {
// const [read, setRead] = useState(false) ;
return (

{props.inputVaraint == "TextBox" &&
props.onInput!(e)
: () => {}
}
ref={props.ref as Ref}
spellCheck={false}
placeholder={props.placeholder}
className={`${DefaultInputStyle} ${props.customPadding} ${InputStyle.size[props.size]} `}
required
/>
}
{props.inputVaraint == "Password" &&
props.onInput!(e)
: () => {}
}
ref={props.ref as Ref}
spellCheck={false}
placeholder={props.placeholder}
className={`${DefaultInputStyle} ${props.customPadding} ${InputStyle.size[props.size]}`}
required
/>
}
{props.inputVaraint == "TextArea" &&

}

)
})


Подробнее здесь: https://stackoverflow.com/questions/797 ... but-editab