【问题标题】:How to remove focus on Button click?如何消除对按钮单击的关注?
【发布时间】:2020-04-26 11:23:15
【问题描述】:

我正在尝试在您单击按钮时移除灰色焦点。有谁知道如何消除这种持久的焦点?理想情况下,我希望在单击按钮后将颜色恢复为原始颜色。

【问题讨论】:

  • 改写你的问题,让它更清楚。您发送的链接显示了很多按钮。尝试在此处添加一些代码,让我们知道您到目前为止所做的尝试。从长远来看,链接可能会中断,但代码在此平台上仍然存在。
  • 更新了链接。请单击其中一个按钮,它会稍微亮一些,并且它恢复为原始颜色的唯一方法是单击离开它。

标签: css reactjs css-selectors antd


【解决方案1】:

您可以将其添加到您的样式中。使焦点颜色与原始颜色相同。

.ant-btn-primary:focus {
  background-color: #1890ff !important;
}

【讨论】:

    【解决方案2】:

    您可以将其添加到您的样式中。使焦点和 hov 颜色与原始颜色相同。

    .ant-btn-primary:hover, .ant-btn-primary:focus {
      color: #fff;
      background-color: #1890ff;
      border-color: #1890ff;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-05-31
      • 1970-01-01
      • 2013-04-01
      • 1970-01-01
      • 2015-07-09
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多