Все вопросы

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

🗓️ Вопрос задан: 29.01.2022

💬Ответов: 2

👁️Просмотров: 669

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

Ответы:

Андрей

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

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

29 января, 2022

Ответить

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;
}

29 января, 2022

Ответить

Отменить ответ

CSS Головоломки в Telegram

Подписывайся и не пропускай:

Актуальные новости

Интересные задачки

Полезные подборки

Перейти в Telegram

Наш рейтинг

🏆Лучший хостинг для сайта

9/10

8/10

8/10

8/10

8/10

7/10

7/10

Что читают?

🏆Популярные записи

Как сделать гамбургер (бургер) меню — готовый код и подробное объяснение

Появление элементов при скролле

Перенос сайта на Тильде на свой хостинг. Пошаговое руководство

Как выровнять картинку по центру с помощью CSS

Как сделать плавное увеличение картинки при наведении — эффект на чистом CSS

Проверка знаний

🤔Хорошо ли вы знаете 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