Я хочу увеличить размер значка, который уже находится внутри кнопки. Размер текста внутри кнопки (размер шрифта) не должен меняться вместе с ней - PullRequest
0 голосов
/ 26 февраля 2020

его - это код CSS, который у меня уже есть для кнопок фиксированного размера. Я хочу увеличить размер значка внутри этих кнопок. Стиль кнопки - | текст + значок |. Спасибо

.nectar-button.fixed-size {
    width: 250px;
    height: 75px;
    font-size: 18px;
    line-height: 30px;
}

1 Ответ

0 голосов
/ 26 февраля 2020

укажите другое имя класса на значке тега и введите css, например:

.fa-home{font-size: 20px;}
.btn{font-size: 15px;color: black;background-color: orange;}

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>demo</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<style type="text/css" media="screen">
		.fa-home{font-size: 20px;}
		.btn{font-size: 15px;color: black;background-color: orange;}
	</style>
</head>
<body>
	<button class="btn"><i class="fa fa-home"></i> Home</button>
</body>
</html>

попробуйте этот код, я думаю, что ваша проблема будет решена, спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...