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>

我在按钮标签的边框上有问题

1 个答案: