<p>送信ボタンのフォントサイズを大きくするにはどうすればよいですか？ chrome特に、小さすぎてテキストがつぶれているように見えます。 <a href="http://jsfiddle.net/xhf4bLnd/">作業フィドル</a> </p><pre><code>body, input { font-size: 30px; } </code></pre><p>私はあることを知っています</p><pre><code>-webkit-appearance: none; </code></pre><p>しかし、それは他の多くのスタイリングをリセットします。フォントサイズを変えて、デフォルトのスタイルを維持したいと思います。</p>

<p>同様の問題に直面しましたが、入力要素にスタイルをインラインで配置すると、機能していました。したがって、他のスタイルが問題を引き起こしている可能性があります。</p><pre><code> <input type="submit" value="Register" style = "font-size:20px"> </code></pre>

<p>Webkitはカスタムフォーム要素のスタイルを尊重します<em>borderまたはbox-shadowプロパティを設定した場合</em>（はい、奇妙です）。他の人が言っているように、少なくとも<code>-webkit-appearance: none;</code>（<code>-moz-appearance: none; appearance: none;</code>を追加します）から始めて、 <a href="https://stackoverflow.com/questions/5345897/html-select-font-size/11869370#comment44107277_11869370">「HTMLselect font-size」に対するこの回答</a> を参照してください。</p>

<p>私はこれを行い、私のために働きます：</p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-html lang-html prettyprint-override"><code><font size="5"> <input type="submit" value="Submit"> </font></code></pre></div> </div>

HTMLフォーム送信ボタンのフォントサイズは変更できません

送信ボタンのフォントサイズを大きくするにはどうすればよいですか？ chrome特に、小さすぎてテキストがつぶれているように見えます。作業フィドル

body, input {
    font-size: 30px; 
}

私はあることを知っています

-webkit-appearance: none;

しかし、それは他の多くのスタイリングをリセットします。フォントサイズを変えて、デフォルトのスタイルを維持したいと思います。

htmlcssformsgoogle-chromefont-size

2015/01/24Wesley

同様の問題に直面しましたが、入力要素にスタイルをインラインで配置すると、機能していました。したがって、他のスタイルが問題を引き起こしている可能性があります。

 <input type="submit" value="Register" style = "font-size:20px">

2015/10/24Prajeet Shrestha

Webkitはカスタムフォーム要素のスタイルを尊重しますborderまたはbox-shadowプロパティを設定した場合（はい、奇妙です）。他の人が言っているように、少なくとも-webkit-appearance: none;（-moz-appearance: none; appearance: none;を追加します）から始めて、「HTMLselect font-size」に対するこの回答を参照してください。

2015/01/24henry

私はこれを行い、私のために働きます：

<font size="5">
   <input type="submit" value="Submit">
</font>

2018/08/21Gabriel Santiago