Что за странный баг с width?

60054e1badc3e257742820.png

На изображении показан простейший код html, на котором не работает width.

<html>
<head></head>
<body>
<input style="width:400px !important">
</body>
</html>


в jsfiddle все работает, но при запуске сайта asp.net core происходит это. Когда выключаю, затем снова включаю чекбокс W то width становится нормальным.

Что это может быть такое?
  • Вопрос задан
  • 101 просмотр
Решения вопроса 1
@pro100gram Автор вопроса
60055bb27a9ff058230935.png

Решил проблему. Проблема была в том, что были заблокированы встроенные стили. Перенос стилей в scss файл решил проблему. Я против использования встроенных стилей, особенно через атрибуты, но наткнулся на проблему и заинтересовался. Собственно это решение.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@strelok011
есть как минимум три предположения:
1. на странице отсутствует <DOCTYPE html>
2. на странице подключается дополнительно стилевой файл или в хидер монтируется пачка стилей, в которых у инпута есть отступы
3. возможно в фиддле влияет внешний файл со сбросом стилей.
Возможно поможет инструкция box-sizing: border-box;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы