我对按钮标签的边框有疑问

Question

我用这段代码做了一个按钮：

我已经添加了一些 CSS 代码：

.btn {
  width: 100%;
  height: 50px;
  background-color: #3f9a39;
  color: white;
  border: none;
  text-transform: uppercase;
  letter-spacing: 2px;
}
fieldset{
  padding:0;
}

<fieldset>
   <button type="submit" class="btn btn-lg" id="submit" value="Submit">Ihre Nachricht absenden</button>
</fieldset>

目前它看起来像这样： https://i.stack.imgur.com/JSxKG.png

您可以看到我有一个边框，但我怎样才能删除边框？

我已经试过了：

    border: none;
    outline: none;

此致

Answer 1

这是因为fieldset 没有带按钮。试试这个

fieldset {
   border: none; // or use border:0;
}

现场演示

.btn {
  width: 100%;
  height: 50px;
  background-color: #3f9a39;
  color: white;
  border: none;
  text-transform: uppercase;
  letter-spacing: 2px;
}
fieldset{
  border:none;
}

<fieldset>
   <button type="submit" class="btn btn-lg" id="submit" value="Submit">Ihre Nachricht absenden</button>
</fieldset>