Javascript 渲染按钮的大小很小_Javascript_Jquery

Javascript 渲染按钮的大小很小

javascript jquery

Javascript 渲染按钮的大小很小,javascript,jquery,Javascript,Jquery,在下面的代码中 <head> <title>Intro</title> <meta charset="UTF-8"> <script type="text/javascript" src="../js/jquery-1.11.3.js"> </script> <script type="text/javascript">

在下面的代码中

<head>
        <title>Intro</title>
        <meta charset="UTF-8">
        <script type="text/javascript" src="../js/jquery-1.11.3.js">
        </script>
        <script type="text/javascript">
            jQuery(document).ready(function(){
                jQuery('#button1').click(function(){
                    alert('Button clicked');
                });
            });
        </script>
    </head>
    <body>
        <button type="button" id="button1" value="Click Me"></button>
    </body>


简介
jQuery（文档）.ready（函数（）{
jQuery（“#按钮1”）。单击（函数（）{
警报（“点击按钮”）；
});
});

按钮1

渲染时大小看起来很小

firefox 45和chrome 47呈现了小尺寸按钮

如何解决此错误

注意：

窗口。jQuery

已创建

按钮为空，请将要显示在按钮上的文本放在按钮标记内

<button type="button" id="button1">Click Me</button>

点击我

首先，设置按钮的文本：

单击我

如果此设置的自动大小不够，请设置显式css，例如：

#button1{
  width: 40px;
  height: 20px;
}

使用css如何？我将

值设置为“单击我”。在“提交类型”按钮中，该值反映了“提交类型”按钮中的呈现文本