javascript - 当我在Javascript中创建元素时， margin 不适用

我正在使用javascript创建HTML元素，而CSS margin属性没有应用边距。这很奇怪，因为其他属性已正确应用。

CSS代码：

input[type="text"] {
  padding: 5px;
  margin: 5px;
}

JavaScript：

var team1 = document.createElement("input");
team1.type = "text";
team1.placeholder = "Equipa A";
game_det.appendChild(team1);

其他元素类型（例如，选择标记）也会发生相同的问题。

为什么不应用保证金？

最佳答案

使用inline-block代替inline。