Как написать стиль CSS для текстового поля, например Microsoft signin textbox
я попробовал ниже, но это не работает
я не хочу , чтобы сверху и сбоку не было границ после того, как я нажму на текстовое поле, пожалуйста, загляните на страницу входа microsoft и посмотрите, как выглядит текстовое поле
--
спасибо..
Что я уже пробовал:
<!DOCTYPE html>
вход[тип=текст] {
ширина: 100%;
прокладка: 12px 20px;
маржа: 8px 0;
граница: отсутствует;
границы вниз: 1px твердых черный;
}
ввод[type=text]:фокус{
граница-дно:1px solid #0067b8;
}
Текстовые поля только с нижней границей:
имя
фамилия
Richard Deeming
Код отлично работает для меня: Демонстрация[^]
Вам нужно будет объяснить, чего вы на самом деле пытаетесь достичь.
Parazival
Я хочу, чтобы текстовое поле, как Microsoft авторизоваться текстовое поле
Richard Deeming
Если вы не можете объяснить, чего вы хотите, тогда как вы ожидаете, что кто-то сможет вам помочь?
Parazival
когда я нажимаю на текстовое поле, оно показывает светло-голубую границу, но я не хочу видеть этот синий цвет
Richard Deeming
Он делает это на эта демонстрационная ссылка[^- Потому что я этого не вижу. Единственная синяя граница, которую я вижу, - это темно-синяя граница внизу, которую вы явно сказали ей показать.
Если он не отображается на демо-ссылке, то должно быть что-то еще в вашем CSS, что вызывает его. Попробуйте использовать инструменты разработчика браузера для проверки элемента, чтобы увидеть, откуда он берется.