Почему кнопка в моей форме игнорирует атрибут размера шрифта?

0

У меня есть следующая форма (описанная с HTML и таблицей стилей CSS) - http://jsfiddle.net/y9Z45/1/

Внизу есть кнопка регистрации, размер шрифта которой я хочу увеличить.

Вот соответствующий CSS

.pricing-table .sign-up{
    float: left;
    padding: 8px 0 12px;
    font-size: 60 px;
    text-decoration: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.pricing-table .sign-up a{
    padding: 10px 40px 11px;
    display: inline-block;
    font-size: 60 px;
    font-weight:1000;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box;
    background: #888888;
    -o-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -webkit-transition: background .3s linear;
    transition: background .3s linear;
}

Из того, что я вижу, шрифт остается в фиксированном размере независимо от того, что я использую в таблице стилей CSS. Может кто-нибудь объяснить, что я делаю неправильно?

  • 2
    font-size: 60px; не font-size: 60 px;
  • 0
    Не уверен, как я пропустил это после всего этого времени. Спасибо!
Показать ещё 1 комментарий
Теги:
font-size

1 ответ

1
Лучший ответ
font-size: 60px;

или

font-size: 60px !important;

Ещё вопросы

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