如何制作所有`

Question

如何将所有<input文字字段设为50？

我一直在使用

<table>
<tr>
...
<input type="text" size="50" ...>

但打字太多了 如何将此样式包含在<style>

中

我试过

<style>
input 
{
size:100
}
</style>

Answer 1

CSS可能会影响width但不影响size。您可以让javascript或jQuery在页面加载时重新登录并执行此操作。

在jQuery中你可以使用：

<script>
  $(function() {
    // Document is ready / loaded
    $("input").attr("size", "60");
  });
<script>

Answer 2

看看这个问题： Input size vs width

我认为这就是你要找的东西

Answer 3

size属性使用“平均”宽度字符指定控件的建议可见宽度。这是一个模糊的概念，在浏览器中实现不一致。无法在CSS中复制此行为。

最接近的是使用ch unit，它正式表示数字“0”的宽度，但实际上可以作为“平均宽度字符”的近似值。所以你可以设置

 input { width: 50ch }

在实践中，还存在许多仍在使用的浏览器（主要是IE 8及更早版本）不支持ch单元的问题。

结论是您应该继续使用size属性。

Answer 4

Size是一个非Style组件的属性。所以你不能用CSS设置它。相反，您可以使用width -

<style>
input 
{
    width: 150px;
}
</style>

只需使用试错法方式确定px中50的大小{{1}}，然后将其用作宽度。

Answer 5

确保仅在样式中定义文本输入。 311px也是尺寸=＆＃34; 50＆＃34;文字输入

<style>
input[type=text] {
width:311px;
}
</style>