Html 输入“；“尺寸”；不受尊重的属性

我正在设计一个页面，添加到Wordpress内置的站点。我正在使用Wordpress的联系表单7插件创建一个可以通过电子邮件提交的表单。现在，联系人表单允许您设置文本框的大小，我已经将它们设置为

size=“5”

，但是，所有经过测试的浏览器（Chrome和Firefox）似乎都不尊重文本框的大小，我想知道为什么会这样，我该如何解决这个问题？页面的临时url为：并且联系人表单的my Wordpress源代码如下所示：

<p>Customer: [text* Customer 30/]</p>
<p>Address: [text* Address 20/] Buzz: [text Buzz 5/5]</p>
<p>Res:[text* Res 10/10] Bus: [text Bus /10] Cell: [text Cell 10/10] Fax: [text Fax 10/10]</p>
<p>Bill To: [text Bill 10/10]</p>
<p>How did you find out about us:[checkbox Findout "Yellow Pages" "BBB" "Referral" "Internet"] Other: [text Other 15/15]</p>

客户：[文本*Customer 30/]

地址：[文本*地址20/]嗡嗡声：[文本嗡嗡声5/5]

Res:[text*Res 10/10]总线：[text总线/10]单元：[text单元10/10]传真：[text传真10/10]

法案至：[文本法案10/10]

您是如何了解我们的：[复选框查找“黄页”“BBB”“转介”“互联网”]其他：[文本其他15/15]

似乎每当插件呈现您的代码时，例如

[text Bus/10]

，它都会添加CSS类

.wpcf7 text

，该类将您的输入宽度设置为相对元素宽度的75%

基本上，要使HTML属性

size

处理您的输入，您需要：

1）覆盖默认的

.wpcf7文本

class

添加到站点主题的CSS文件：

.wpcf7-text { width: auto!important; }

我不会说这是最好的选择，因为这将覆盖使用插件生成的此类的所有输入的该属性

或者——更好的是——你可以

2）生成您的自定义类并应用于您的输入

同样，在站点主题的CSS文件中，添加：

/* You may pick the best class name that suits you */
.my-custom-width-class { width: auto!important; }

为此，请将

类：

属性添加到自定义表单输入中，例如：

[text Bus /10 class:my-custom-width-class]

此外，在您的输入中有您自己的类，您可以通过CSS类手动设置它们的宽度，丢弃

size

属性，如：

.my-custom-width-class { width: 240px!important; }

我希望这有帮助