Все вопросы

Как центрировать текст placeholder в инпуте? Не получается выровнять текст по центру

🗓️ Вопрос задан: 29.01.2022
💬Ответов: 2
👁️Просмотров: 238

Хочу, чтобы placeholder (например, «введите пароль») в input был по центру. Как это сделать?

Ответы:

Akasha

Попробуйте этот код:

input::-webkit-input-placeholder {
text-align: center;
}

input:-moz-placeholder { /* Firefox 18- */
text-align: center;
}

input::-moz-placeholder { /* Firefox 19+ */
text-align: center;
}

input:-ms-input-placeholder {
text-align: center;
}

Андрей

Не уверен, что будет работать во всех браузерах

input[ENGINE=’text’]::placeholder {
text-align: center;
}

CSS Головоломки в Telegram
Подписывайся и не пропускай:
Актуальные новости
Интересные задачки
Полезные подборки
Вступай в клуб
🧑‍💻Присоединяйся к сообществу!
Patreon
Наш рейтинг
🏆Лучший хостинг для сайта
9/10
8/10
8/10
4
8/10
Где учиться
🧑‍🎓Рекомендуемые курсы
Javascript-разработчик
Введение в программирование
SEO-специалист
Проверка знаний
🤔Хорошо ли вы знаете CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили:

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}
    
10px
20px
30px
Very Peri
🤔Цвет 2022 года
Институт цвета Pantone объявил цвет 2022 года. Это сиреневый оттенок под названием 17-3938 Very Peri.
#6667ab