получить странный синий цвет вокруг кнопки только в хром

0

attach - это снимок экрана, по какой-то причине при нажатии на кнопку появляется синяя часть.

Изображение 174551

это код, который я использую для этих кнопок:

HTML:

<div style="display:table-cell;" class="btnRight">
    <span class="scrollUp" onclick="mobile_scrollUp();"></span>
    <div style="clear:both"></div> 
    <span class="scrollDown" onclick="mobile_scrollDown();"></span>
</div>

CSS:

.btnRight .scrollUp {
   width: 35px;
   height: 35px;
   background: url(../images/up-down-arrows.png) 0px 0px no-repeat;
}

.btnRight .scrollUp {
   width: 35px;
   height: 35px;
   background: url(../images/up-down-arrows.png) 0px 0px no-repeat;
}

.previews-status span {
   margin: 7px 0 0 0;
   display: inline-block;
   cursor: pointer;
}
  • 0
    Вложение не удается?
  • 0
    Вы устанавливаете их как фоновые изображения, поэтому трудно понять, что не так, без реальных изображений.
Показать ещё 3 комментария
Теги:

3 ответа

3

input {outline: none; } worked for me if your using < input type="button" > } работал для меня, если вы используете <input type = "button">

0

Вы используете Internet Explorer? IE добавляет синий цвет вокруг вещей по какой-то глупой причине. Чтобы избавиться от него, добавьте это вам в CSS:

body {
    border: 0;
}
  • 0
    Я пользуюсь хромом
  • 1
    Попробуйте @Adsy ответить на Chrome.
Показать ещё 1 комментарий
0

Подобно @safinn answer, при использовании хром иногда кнопки получают странные контуры.

Это устраняет это:

area {
    outline : none;
}
  • 2
    Вы должны избегать !important любой ценой. Есть действительно конкретные ситуации, в которых вы можете использовать его, и это не одна из них.
  • 0
    это не тот, а что вы подразумеваете под областью ???

Ещё вопросы

Сообщество Overcoder
Наверх
Меню