Блог

У меня проблема со стилем 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" />
  

1. Проблема в том, что когда я нажимаю кнопку, она получает эту пунктирную границу вокруг, как это удалить?
2. А также какое свойство использовать, чтобы изменить стиль кнопки, когда кнопка нажата?

 outline: 0; 
  

Это outline свойство css. Вы можете установить ее точно так же, как границу.

Однако outline свойство может быть полезным для пользователей, просматривающих элементы управления, чтобы увидеть, какой элемент управления в данный момент находится в фокусе.

Что касается второй части вашего вопроса, это невозможно только с помощью CSS. Вам нужно будет реализовать некоторый javascript, чтобы изменить класс при наведении курсора мыши.

Это немного устарело, но ни одно из этих решений не работало для меня в Firefox.

Теперь у меня есть решение этой проблемы с помощью Javascript. Просто добавьте onfocus =»this.blur();» к вашему тегу asp:Button…

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

Вы пробовали добавить это в стиль css?

 border: none;