CSSのボタンのサイズを変更せずにフォントサイズを変更する方法

次のコードでは、ボタンサイズではなく内部フォントサイズを変更したいと思います。CSSのボタンのサイズを変更せずにフォントサイズを変更する方法

<html> 
<head> 
<style> 
.sm 
{ 
font-size:x-small; 
} 
</style> 
</head> 
<body> 
<button class="sm"> 
submit 
</button> 
</body> 
</html>

2017-06-21 Ans Bilal

を指定する必要があります。 – vijay

ボタンのパディングを1/2に減らし、テキストを中央に維持する場合は、ピクセル値を1/2にします。 – Korgrue

この

.sm 
{ 
    font-size:20px; 
    height:30px; 
    width: 120px; 
}

に自分のスタイルを変更

は、このことができます願っています！

2017-06-21 18:21:19 vijay

だけのdivタグの中にあなたのテキストを折り返すと、ボタンのサイズを変更することなく、テキストのサイズを変更するには、CSS

2017-06-21 18:22:45

でそれを編集し、ボタンのサイズを修正する必要があります。これは、CSSにheightとwidthを使用して行うことができます。そうすれば、ボタンサイズに影響を与えずにfont-sizeを変更することができます。

以下のコードをご覧ください。ご覧のとおり、heightとが変更された場合、ボタンは固定サイズになりました。これは、テキストがボタンよりも大きいことによって証明されます。

CSS

button { 
    font-size: 30px; 
    height: 60px; 
    width: 60px; 
}

HTML

<button> 
Hello 
</button>

2017-06-21 18:24:01 CyanCoding

あなたも私のために非常によく働いたspanタグを使用することができます。

<button><span style="font-size:10px;">ClickMe</span></button>

2017-12-31 17:28:03 judy

答えて