html - 使用 css 去除背景

Question

这是创建按钮的html代码

  <div class="delete-style">
    <button type="button">DELETE</button>
  </div>

我正在使用这个 css 代码来移除 button 中文本周围的边框

.delete-style {
    background-color: red;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    outline: None;
    overflow: hidden;
}

Answer 1

要删除按钮周围的边框，您可以将 border : None; 样式添加到您的按钮

.delete-style {
    background-color: red;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    outline: None;
    overflow: hidden;
}
.delete-style button {
 border: None;
}

  <div class="delete-style">
    <button type="button">DELETE</button>
  </div>