Как увеличить размер шрифта?

Question

Я редактирую шаблон сайта, который имеет следующий css для класса кнопок.

.button { 
    -moz-appearance: none; 
    -webkit-appearance: none; 
    -o-appearance: none; 
    -ms-appearance: none; 
    appearance: none; 
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; 
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; 
    -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; 
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; 
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; 
    background-color: transparent; 
    border-radius: 0.35em; 
    border: solid 3px #efefef; 
    color: #787878 !important; 
    cursor: pointer; 
    display: inline-block; 
    font-weight: 400; 
    height: 6.15em; 
    height: calc(2.75em + 6px); 
    line-height: 2.75em; 
    min-width: 20em; 
    padding: 0 1.5em; 
    text-align: center; 
    text-decoration: none; 
    white-space: nowrap; 
    margin:10px; 

} 

Я пытаюсь увеличить шрифт внутри. Пробовал играть со значениями высоты и высоты линии, но не смог увеличить размер шрифта. Есть идеи?

Answer 1

попробовать font-size:__px независимо от пикселя значения этого

Answer 2

Я просто добавил размера шрифта свойства CSS. Это сработало. Довольно Basic: P

Answer 3

Добавить это:

size: 20px; 

или:

font-size: 20px; 

Answer 4

Все, что вам нужно сделать, это использовать свойство CSS размер шрифта:

#yourdiv{ 
    font-size:20px; 
}