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

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>

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

I have a Problem with a border from a button tag

html

css

button

border

fieldset