Как установить размер текста в кнопке в html Здравствуйте, я хочу, чтобы на моем сайте была кнопка, и я хочу изменить размер текста на моей кнопке. Как это сделать? Мой код ниже: <input type="submit" value="HOME" onclick="goHome()" style="width: 100%; height: 100px;"/> Ответ 1 Попробуйте это <input type="submit" value="HOME" onclick="goHome()" style="font-size : 20px; width: 100%; height: 100px;" /> Ответ 2 Попробуйте это, его работа в FF body, input, select, button { font-family: Arial,Helvetica,sans-serif; font-size: 14px; } Ответ 3 Запоздалый. Если вам нужна какая-нибудь необычная кнопка, вы можете попробовать это. #startStopBtn { font-size: 30px; font-weight: bold; display: inline-block; margin: 0 auto; color: #dcfbb4; background-color: green; border: 0.4em solid #d4f7da; border-radius: 50%; transition: all 0.3s; box-sizing: border-box; width: 4em; height: 4em; line-height: 3em; cursor: pointer; box-shadow: 0 0 0 rgba(0,0,0,0.1), inset 0 0 0 rgba(0,0,0,0.1); text-align: center; } #startStopBtn:hover{ box-shadow: 0 0 2em rgba(0,0,0,0.1), inset 0 0 1em rgba(0,0,0,0.1); background-color: #29a074; } <div id="startStopBtn" onclick="startStop()" class=""> Go!</div> Ответ 4 Без использования встроенного CSS вы можете установить размер текста для всех ваших кнопок, используя: input[type="submit"], input[type="button"] { font-size: 14px; }
Ответ 1 Попробуйте это <input type="submit" value="HOME" onclick="goHome()" style="font-size : 20px; width: 100%; height: 100px;" />
Ответ 2 Попробуйте это, его работа в FF body, input, select, button { font-family: Arial,Helvetica,sans-serif; font-size: 14px; }
Ответ 3 Запоздалый. Если вам нужна какая-нибудь необычная кнопка, вы можете попробовать это. #startStopBtn { font-size: 30px; font-weight: bold; display: inline-block; margin: 0 auto; color: #dcfbb4; background-color: green; border: 0.4em solid #d4f7da; border-radius: 50%; transition: all 0.3s; box-sizing: border-box; width: 4em; height: 4em; line-height: 3em; cursor: pointer; box-shadow: 0 0 0 rgba(0,0,0,0.1), inset 0 0 0 rgba(0,0,0,0.1); text-align: center; } #startStopBtn:hover{ box-shadow: 0 0 2em rgba(0,0,0,0.1), inset 0 0 1em rgba(0,0,0,0.1); background-color: #29a074; } <div id="startStopBtn" onclick="startStop()" class=""> Go!</div>
Ответ 4 Без использования встроенного CSS вы можете установить размер текста для всех ваших кнопок, используя: input[type="submit"], input[type="button"] { font-size: 14px; }