2015-10-17 4 views
0

Я создал (копировать и редактировать из онлайнового инструмента) коробочка с текстом here on the botton right cornerКак изменить цвет на ссылку в div?

Я хотел бы изменить и цвет текста в поле. Но есть команда a: link, a: visited.

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

Благодаря

+2

Вы можете избежать: link и: visited, выполнив это для .button class: '.button {color: # 28a26b! Important; } 'Или вы также можете переопределить: ссылки и: посещенные селекторы. –

+1

И не правда ли просто изменить: ссылку и: посещенные селекторы с цветом, который вы хотите? –

+0

Я согласен с Юрой Яким :) – www139

ответ

0

псевдо-селекторов, как: ссылки и: парении (и многое другое) изменить поведение по умолчанию браузера. Вы можете их опустить, но я уверен, что вы этого не хотите.

a: link устанавливает стиль анкера, поэтому он не является подчеркнутым по умолчанию.

a: hover устанавливает стиль привязки при перемещении мыши по ссылке.

Использование поисковой системы по вашему выбору, чтобы узнать больше, попробуйте «селектор CSS псевдо»

Читать код, настройки цвета все есть:

.button { 
    display: inline-block; 
    text-align: center; 
    vertical-align: middle; 
    padding: 12px 24px; 
    border: 1px solid #28A26B; 
    border-radius: 8px; 
    background: transparent 
      linear-gradient(to bottom, #FFF, #FFF) 
      repeat scroll 0% 0%; 
      // this is what you're probably 
      // looking for - the color of the button body. 
      // It's set to transparent. 
    font: bold 20px arial; 
    color: #28A26B; // Color of the content 
    text-decoration: none; 
} 
.button:hover, .button:focus { 
    // these pseudo classes just make the js events onmouseover 
    // and onclick obsolete... 
    color: #28A26B; 
    text-decoration: none; 

} 

Установить фон в цвет по вашему выбору , удалите часть градиента, и все готово. НЕ копируйте вслепую.

0

После правила по линии 77 styles.css файла поместить этот:

#call-to-action a:link, #call-to-action a:visited { 
    color:yellow ; 
} 
Смежные вопросы