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

Question

我遇到了asp：按钮样式的问题。我添加了以下样式：

.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" />

1. 问题是，当我按下按钮时，它会如何移除这个虚线边框？
2. 还有按下按钮时用于更改按钮样式的属性？

Answer 1

outline: 0; 

Answer 2

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

但是，outline属性可能对人们通过控件进行选项卡有用，以查看当前哪个控件具有焦点。

关于问题的第二部分，单独使用CSS是不可能的。您将需要实现一些javascript以在鼠标按下时更改类。

Answer 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();"/>

Answer 4

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

border: none;