2016-08-29 4 views
-1

У меня есть базовый CSS, который определяет это:Отключить фокус и: активный цвет?

a:hover, a:focus { 
    color: black; 
} 

Я хочу иметь определенную ссылку, которая подменяет и не вызывает фокус, но по-прежнему вызывает парение.

Как я могу сделать что-то подобное, чтобы переопределить настройку цвета?

a:focus{ 
    color: none; 
} 

Я пробовал цвет: прозрачный безрезультатно, фокус все еще срабатывает.

+0

Если конкретная ссылка использовать селектор класса и применить цвет, который вы хотите для .yourselector: парить и .yourselector: фокус. – Jorgeblom

+0

Да, это возможно. Но селектор должен быть другим, иначе он просто переопределит предыдущий селектор «a: focus». И переопределяющий селектор должен быть более конкретным (добавление класса, например). Некоторый код будет приятным. Может быть, jsFiddle? – Whothehellisthat

+0

Я уже использую определенный класс, но поскольку базовый css применяется с помощью селектора, это также повлияет на мой класс –

ответ

0

Думаю, вам может понадобиться вот так. Это наследует цвет от родителя.

a:focus { 
    color: inherit !important; 
    } 
0

Пожалуйста, примените этот css.

a:hover { text-decoration: none !important; color :none; border: 0px; -moz-outline-style: none;} 
a:focus { text-decoration: none !impoartant; outline: none;-moz-outline-style: none;} 
0

Вы должны использовать initial, чтобы установить стиль элемента по умолчанию.

a: focus { цвет: начальный! Важное; }

1

Try This

a:hover{ 
 
color:green; 
 
} 
 
.class:hover, .class:focus { 
 
    color: red; 
 
}
<a href="#" class="class">dsadsfdsfsd</a> 
 
<a href="#">dsadsfdsfsd</a>

Смежные вопросы