ASP.NET 按钮周围的虚线边框答案

【问题标题】：Dotted border around ASP.NET ButtonASP.NET 按钮周围的虚线边框
【发布时间】：2014-09-09 21:17:36
【问题描述】：

我对 asp:button 样式有疑问。我添加了以下样式：

.myAspButton    {
        background-image: url("image for button");
        width: 110px;
        height: 25px;
        color: white;
        font-weight: bold;
        vertical-align: middle;
    }
<asp:Button ID="btnAsp" runat="server" Text="hhh" CssClass="myAspButton" BackColor="Transparent" BorderStyle="None" />

问题是当我按下按钮时，它会在如何删除它的周围出现虚线边框？
还有在按下按钮时使用什么属性来改变按钮样式？

【问题讨论】：

谢谢。请将此添加为答案。

标签： asp.net css button

【解决方案1】：

outline: 0;

【讨论】：

【解决方案2】：

这是outline css 属性。你可以像边框一样设置它。

但是，outline 属性可能有助于人们在控件中切换以查看当前具有焦点的控件。

至于您问题的第二部分，仅靠 CSS 是不可能的。您将需要实现一些 javascript 来更改鼠标按下时的类。

【讨论】：

【解决方案3】：

这有点老了，但这些解决方案都不适用于 Firefox。

我现在有一个使用 Javascript 的解决方案。只需添加 onfocus="this.blur();"到你的 asp:Button 标签...

<asp:Button ID="btnAsp" runat="server" Text="hhh" CssClass="myAspButton" BackColor="Transparent" BorderStyle="None" onfocus="this.blur();"/>

【讨论】：

【解决方案4】：

您是否尝试将其添加到 css 样式中？

border: none;

【讨论】：

不是边框，是轮廓。