如何更改字体大小，而不更改CSS中按钮的大小

问题描述：

在下面的代码中，我只想更改内部字体大小而不是按钮大小。如何更改字体大小，而不更改CSS中按钮的大小

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

你必须指定高度 – vijay

1/2减少按钮填充你增加，如果你想让它保持居中文本的像素值。 – Korgrue

答

你的风格改成这样

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

希望这有助于！

答

只是包装你的文字中div标签和编辑它在CSS

答

要改变文字大小，而不改变按钮的大小，您将需要修复的按钮的大小。这可以在CSS中使用height和width完成。这样，您可以更改font-size而不会影响按钮大小。

看看我的代码如下。如您所见，在height和width更改后，该按钮现在是固定大小。这被文本比按钮大。

CSS

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

HTML

<button> 
Hello 
</button>

答

您也可以使用它做得很不错，我跨度标签。

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