当前位置：文江博客话题详情

更改按钮上虚线边框的颜色

发布于 2024-08-15 00:51:33 字数 479 浏览 2 评论 0原文

我的其中一个表单中的按钮有问题，当用户单击该按钮时，它会在其中显示黑色虚线边框。我想删除这个，但我不知道如何删除。我没有在 CSS 中设置此边框...

（（对于那些想知道的人；标题的意思是“搜索”））

我不久前搜索过，但用的是“虚线”而不是“点”，因此什么也没找到。我现在用“点”搜索，发现这个，抱歉，但是有什么办法可以改变这个边框的颜色吗？（我认为这仅适用于 Firefox？）

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

肤浅与狂妄 2024-08-22 00:51:33

这是 outline

您可以这样更改它：

button {
    outline: 3px dashed #f0f;
    /* or, just the colour */
    outline-color: #f0f;
}

That is the outline

You can change it like this:

button {
    outline: 3px dashed #f0f;
    /* or, just the colour */
    outline-color: #f0f;
}

回复收藏 0 原文

沫雨熙 2024-08-22 00:51:33

这是由 outline CSS 属性< /a>.要删除它，请将以下规则（或类似规则）添加到样式表中：

button.search {
    outline: none;
    -moz-outline: none; /* Firefox 1.0 and earlier, if you care */
}

That is controlled by the outline CSS property. To remove it, add the following rules (or similar) to your stylesheet:

button.search {
    outline: none;
    -moz-outline: none; /* Firefox 1.0 and earlier, if you care */
}

回复收藏 0 原文

寂寞花火° 2024-08-22 00:51:33

我很抱歉没有弄清楚这个问题：这是在单击时发生的，我尝试过大纲属性，但讨厌的 Firefox 不接受它。通过阅读其他线程，我发现答案：

button::-moz-focus-inner { border: 0; }

I'm sorry for not being clear about the question: This happened when it was clicked, and I had tried the outline-attribute, but the pesky Firefox wouldn't accept it. By reading a little in the other thread, I found the answer:

button::-moz-focus-inner { border: 0; }

回复收藏 0 原文

深爱不及久伴 2024-08-22 00:51:33

根据评论：

您是否知道这样您就无法再通过键盘导航找到该按钮了？
不，我没有，我以为 :active-event 会启动并拯救我的日子，但显然没有。你知道有什么解决办法吗？

考虑

onclick="this.blur();"

As per the comments:

Are you aware that this way you can't find the button anymore by keyboard navigation?
no I wasn't, I assumed the :active-event would kick in and save my day, but it obviously didn't. Do you know any solution?

consider