Я использовал компонент AppBar Material-UI, и он работает хорошо, но с запасом, у любого есть обходное решение. Мне нужно избавиться от поля.Панель приложения с интерфейсом пользовательского интерфейса поставляется с пометкой
Вы всегда можете задать пользовательские стили на в материале-Ui компоненте, передавая ему style свойства так:
<AppBar style={{ margin: 0 }}/>
Это перекроет стиль элемента корня по умолчанию. Если свойство, которое вы хотите изменить, находится на дочернем компоненте, вам нужно будет установить его с помощью CSS, если нет определенного свойства material-ui предоставляет вам доступ.
Трюк {{margin}} не работал для меня, поэтому я попытался использовать этот css http://meyerweb.com/eric/tools/css/reset/.
отлично работает для меня
Если вы используете по умолчанию Реагировать веб-шаблон для создания проекта, вы можете редактировать файл index.html в public папки, добавьте ниже стиля в теле:
<body style="margin: 0">
...
</body>Или добавьте его в файл css, как показано ниже:
body {
margin: 0;
}Да, это работает отлично. Спасибо. –
Спасибо, да, но моя проблема была с телом, имеющим запас. Удаление края из тела решило его. –
@RajikaImal Это правильный ответ. –
Отмечено как правильный ответ –