主页 / 问题 / 1210539
Accepted
Dev18
Asked:2021-11-27 17:34:25 +0000 UTC2021-11-27 17:34:25 +0000 UTC

button html（单击时删除边框/边框）

  • 772

我用了

border : none

在焦点、活动和悬停时，我仍然在按钮周围看到这个黑色边框，按钮还有其他状态吗？

如何使用 css 去除点击时的黑色边框。

这个属性叫什么，例如如何改变它的颜色？

.clean-label {
  background-color: white;
  color: #29abe2;
  border: none;
  margin-left: 8px;
  text-decoration: none;
}

.clean-label:active {
  border: none;
  text-decoration: none;
}

.clean-label:hover {
  border: none;
  text-decoration: none;
}

.clean-label:focus {
  border: none;
  text-decoration: none;
}
<button class="clean-label">кнопка без каймы</button>

html

1 个回答

  1. Best Answer

    如何使用 css 去除点击时的黑色边框。

    利用

    outline: none


    .clean-label {
  border:           none;
  background-color: white;
  color:            #29abe2;
  margin-left:      8px;
  text-decoration:  none;
  
  outline:          none;
  cursor:           pointer;
}

.clean-label:hover {
  color:            red;
}
    <button class="clean-label">кнопка без каймы</button>

    • 1

相关问题