Кроссбраузерность с textarea
142
14 апреля 2022, 13:20
Здравствуйте господа и дамы. У меня есть вопрос касательно тега teaxtarea и фреймворка bootstrap 4.
Суть проблемы такова: в браузерах с движком хрониум (опера и хром) данное текстовое поле работает без проблем:
Проверяя на кроссбраузерность, открыл сайт в Mozilla и увидел следующую картину:
Ширина textarea ведет себя, мягко говоря, не очень. Ниже прикреплю код со стилями. В чем проблема и как ее можно решить?
<textarea type="text" id="text-area" class="md-textarea form-control" placeholder="Your message" cols="53" rows="6" style="resize: vertical; min-height: 50px; height: 100px; max-height: 150px; background: none; border: none; border-bottom: 1px solid gray; border-radius: 0; color: #fff; margin-bottom: 15px;"></textarea>Answer 1
Решение было найдено. Нужно было всего лишь добавить max-width:100%; и все заработало.
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
-
07:46
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47559 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30495 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23628 visits
- Как через css изменить цвет png изображения? 10349 visits
- Blob video url download 9957 visits
- Php curl запрос через прокси с авторизацией 9209 visits
- Работа с captcha vk api 8093 visits
© "hostciti.net" 22.11.2024 | 05:24