Javascript 如何放大输入栏？

如何像文本表格一样放大输入数字类型表格。 最小数和最大数属性至关重要

输入[类型=文本]{
宽度：40%；
填充：12px 20px；
利润率：8px0；
框大小：边框框；
边框：3px实心#ccc；
-webkit转换：0.5s；
过渡：0.5s；
大纲：无；
字号：26px；
}

输入编号：


输入表格：

您需要使用此

输入[type=number]

应用代码来放大输入的数字类型

输入[类型=编号]{
宽度：40%；
填充：12px 20px；
利润率：8px0；
框大小：边框框；
边框：3px实心#ccc；
-webkit转换：0.5s；
过渡：0.5s；
大纲：无；
字号：26px；
}

输入编号：

您需要使用此

输入[type=number]

应用代码来放大输入的数字类型

输入[类型=编号]{
宽度：40%；
填充：12px 20px；
利润率：8px0；
框大小：边框框；
边框：3px实心#ccc；
-webkit转换：0.5s；
过渡：0.5s；
大纲：无；
字号：26px；
}

输入编号：

您可以将该样式应用于类，

bigInput

例如：

.bigInput {
    width: 40%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 3px solid #ccc;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
    font-size: 26px;
}

然后，您只需将bigInput类附加到需要此样式的所有输入字段：

Input number:
<input type="number" name="quantity" min="1" max="5000" class="bigInput">

<br><br> Input Form:
<input type="text" name="firstname" value="This is big" class="bigInput">

输入编号：


输入表格：

您可以将该样式应用于类，

bigInput

例如：

.bigInput {
    width: 40%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 3px solid #ccc;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
    font-size: 26px;
}

然后，您只需将bigInput类附加到需要此样式的所有输入字段：

Input number:
<input type="number" name="quantity" min="1" max="5000" class="bigInput">

<br><br> Input Form:
<input type="text" name="firstname" value="This is big" class="bigInput">

输入编号：


输入表格：

使用字体大小：与输入文本相同使用字体大小：与输入文本相同谢谢，我没想到上下按钮仍然很小。还有放大的方法吗？谢谢，我没想到上下按钮还是小的。有没有办法把它们也放大？谢谢，有没有办法把上下按钮也放大？@Velo这不太理想，但你可以使用

transform:scale（2）在数字输入上。谢谢，有没有办法使上下按钮也变大？@Velo这并不理想，但你可以使用
变换：比例（2）在数字输入上。