如何在Angular应用中删除默认边距？

Question

非常简单的app.component.html：

<input type="submit" value="Sub"/>

上面代码的结果

如何删除按钮周围的边距？我希望按钮位于没有缩进的左上方。

Answer 1

在app.component.scss中使用

 ::ng-deep * {
      
    margin: 0;
    padding: 0;
  }

Answer 2

为什么angular使用默认的填充？

问题已解决！

我以全局样式添加了以下代码：

body {
  margin: 0;
  padding: 0;
}

Answer 3

如果要在不删除容器中任何边距的情况下将其强行固定在左上角。 为它添加样式 位置：固定；顶部：0；左侧：0； 要么 在style.css文件中设置html，body {padding：0px; margin：0px;}

Answer 4

不是从角度来看的，而是由浏览器添加的。 您必须reset css

Answer 5

您必须转到proyect的styles.css并编写 useEffect(() => { const wasMobile = previousWidth <= widthLimit; if (isMobile !== wasMobile) { setOpen(isOpen => !isMobile); } }, [isMobile, previousWidth]); 就是这样，很简单，希望它能起作用，这就是我解决问题的方式