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;
}

标签： htmlcss

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>