html - HTML删除按钮侧内联，而不是整个边框线

Question

我正在尝试<button>通过移除 a 的侧面border并保持顶部和底部线完好无损来设置 a 样式。有没有办法做到这一点？

标签： htmlcss

Answer 1

移除所有边框，只定义上下边框：

button {
  border: none;
  outline: none;
  border-top: 1px solid #111111;
  border-bottom: 1px solid #111111;

  /* For styling purposes */
  padding: 5px;
}

<button>button</button>