如何更改字體大小，而不更改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減少按鈕填充你增加，如果你想讓它保持居中文本的像素值。 – 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和width更改後，該按鈕現在是固定大小。這被文本比按鈕大。

CSS

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

HTML

<button> 
Hello 
</button>

2017-06-21 18:24:01 CyanCoding

您也可以使用它做得很不錯，我跨度標籤。

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

2017-12-31 17:28:03 judy

回答