YanVetrov
@YanVetrov
Front-end

Как изменить стиль type="text"?

Допустим, у меня есть код:

<div><span>NickName</span></div>

Я хочу, чтобы пользователь мог заменять свой ник, но появляющиеся поля ввода текста, выглядели так, что прежний Nickname можно было стереть, и написать новый, а не вводить его в поле. После этого подтвердить действие. Искал в интернете, но ничего толкового не нашел. Помогите пожалуйста.
  • Вопрос задан
  • 109 просмотров
Решения вопроса 1
Lumore
@Lumore
Front-end developer
input[type="text"] {
   background: transparent;
   border: none;
   outline: none;
   padding: 0;
   margin: 0;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Либо вставить input и стилизовать его как в ответе Lumore
Либо использовать атрибут contenteditable для span https://webref.ru/html/attr/contenteditable
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы