Пунктирная рамка вокруг кнопки 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: тег кнопки ...

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

Answer 4

Вы пытались добавить это к стилю CSS?

border: none;