2017-06-21 4 views
0

Im folgenden Code möchte ich nur die innere Schriftgröße ändern nicht die Größe der Schaltfläche.So ändern Sie die Schriftgröße, ohne die Größe der Schaltfläche in CSS ändern

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

Sie müssen die Höhe angeben – vijay

+0

Reduzieren Sie die Schaltfläche Padding um 1/2 Pixelwert, um den Sie den Text erhöhen, wenn Sie möchten, dass es zentriert bleibt. – Korgrue

Antwort

1

ändern Stil zu dieser

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

hoffe, das hilft!

0

nur wickeln Sie Ihren Text in div-Tag und bearbeiten es in CSS

1

Um die Schriftgröße zu ändern, ohne die Schaltfläche Größe zu ändern, würden Sie brauchen, um die Größe der Schaltfläche zu beheben. Dies kann mit height und width in CSS erfolgen. Auf diese Weise können Sie die font-size ändern, ohne dass es die Tastengröße beeinflusst.

Werfen Sie einen Blick auf meinen Code unten. Wie Sie sehen können, mit den height und width geändert, hat die Schaltfläche jetzt eine feste Größe. Dies wird dadurch bewiesen, dass der Text größer als die Schaltfläche ist.

CSS

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

HTML

<button> 
Hello 
</button> 
1

Sie auch span-Tag, die sehr gut funktioniert für mich nutzen können.

Verwandte Themen