html - 如何正确指定文本区域宽度？使用 cols 属性我使用不同的浏览器获得不同的宽度

Question

我对 textarea 的宽度定义有一些问题

所以，我有这种情况:

<div id="dialogReject" title="">
    <table style="visibility: hidden;" id="rifiutaTable" border="0" class="standard-table-cls" style="width: 100%!important">

        <tbody style="background-color: #ffffff;">
            <tr>
                <td style="font: 16px Verdana,Geneva,Arial,Helvetica,sans-serif !important">Inserire note di rifiuto</td>
            </tr>

            <tr>
                <td>
                    <textarea style="visibility: hidden;" rows="5" cols="70" id="myRejectNote"></textarea>
                </td>
            </tr>

            <tr>
                <td>
                    <input class="bottone" readonly="readonly" type="text" value="Rifiuta" onclick="rifiuta()"/>
                </td>
            </tr>
        </tbody>
    </table>

</div>

具有 id="dialogReject" 的 div 表示一个 JQuery 对话框，其中有一个 textarea，这个:

<textarea style="visibility: hidden;" rows="5" cols="70" id="myRejectNote"></textarea>

因此，如您所见，此 textarea 的宽度由其列号指定:cols="70"

实际上列数设置为 70，这对 FireFox 很好，实际上这是获得的结果:

没问题，但是当我尝试在 Explorer 上打开它时，我得到:

如您所见，仅使用 70 列不会将所有水平空间填充到我的对话框中(我必须增加到 100 列，但这样在我使用 FireFox 时会退出对话框)

我该如何解决这个问题？我能否以某种不同的方式指定 textarea 宽度，以便为所有浏览器正确呈现它？

谢谢

Answer 1

为textarea应用width:100%

 <textarea style="visibility: hidden; width:100%;" rows="5" cols="70" id="myRejectNote"></textarea>

DEMO