私のプロジェクトには、ボタンのデザインを含む新しいCSSライブラリが含まれていました。 
内容を変更せずに要素のサイズを変更する方法。 CSS
が、私は高いCSSプロパティを使用する場合、次のことが起こります： 
行の高さのpropiety後：
私は、このボタンの高さを変更したいです
コード：
<button class="btn btn-4 btn-4c icon-arrow-right" ><label>button</label></button>
ソース：source
どのようにサイズを変更できましたか？
ありがとうございました！
はline-heightプロパティ
例：を使用してみてください：line-height: 0.5
<button class="btn btn-4 btn-4c icon-arrow-right" style="line-height:5" ><label>button</label></button>
も、このクラスで行の高さを調整します。
.btn-4:before {
position: absolute;
height: 100%;
font-size: 125%;
line-height: 6.5; //Adjust this
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
あなたが私に与えたプロパティを使用して、すべてが大丈夫です。しかし、私はボタン上にマウスを置くと、矢印の位置はまだまだ不十分です。 –
テキストと矢印の両方にline-heightプロパティを指定してください。 –
コードを参照してください。 –
我々はCSSライブラリなどの詳細は、あなたがあなたを助けるために、ボタンを使用しているすべてのこれらのクラス（btn btn-4 btn-4c icon-arrow-right）のコードを使用して、またはCSSている必要があります。ここ
の後にソースをご覧ください。 –
'btn'、' btn-4：before'の** line-height **、** padding **を微調整する必要があります。 **例：** 'btn'のパディングを' padding：21px 80px; 'に、 'btn-4：before'の行高さを' line-height：3.1; 'に変更しました。 – Kan412
はアニメーションバージョンです:) https://jsfiddle.net/ahe128/evedzdbk/1/ リクエストは、次のスタイルのコードです:)
#button{
width:200px;
height:50px;
border-radius:5rem;
background:#2390fd;
margin:5%;
position:absolute;
display:table;
transition:.5s;
}
span{
font-size:15px;
font-weight:600;
display:table-cell;
vertical-align:middle;
text-align:center;
color:white;
font-family:sans-serif;
}
私はこれがあなたのために有用であると思います:)
使用している高CSSプロパティ？ –
すべての比率を保持しながら1：1のサイズ変更を行うには、フォントをあまりにも小さくするかもしれないが、transform：scale（0.5）を使うことができます。矢印イメージが背景イメージである場合、 'background-position'を調整することもできます。 – mch