Все вопросы

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

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

💬Ответов: 2

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

Хочу, чтобы 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

Как изменить цвет SVG в 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

Viva Magenta

🤔Цвет 2023 года

Исследовательский институт Pantone выбрал главный цвет 2023 года. Им стал карминово-красный оттенок с фиолетовым подтоном, который назвали Viva Magenta.

#bb2649