如何根据使用JavaScript的浏览器调整文本框的宽度

我有一个

文本框

。我在Firefox中浏览时给出了

style=“width:370px；”

，它与此表单中所有其他字段的对齐方式是正确的。但是在IE中，它需要稍微增加一些。例如

380px

那么，我将如何根据浏览器为该文本框指定

宽度

有人知道吗

---

提前感谢

为什么不呢？

如果您使用的是JQuery，您可以使用JQuery.browser来检测浏览器是否为IE（或任何其他记录良好的浏览器检测方法）。如果是IE，则设置 $document.getElementByID（formelement）.css（宽度）

尽管我建议进一步研究为什么表单元素在IE中不对齐，并解决这一问题，而不是根据浏览者动态调整表单元素的大小。

关于js

document.write（navigator.appCodeName）；

在php上

echo array\u shift（explode（“”，$\u SERVER['HTTP\u USER\u AGENT'）；

使用这些工具，您可以切换css，但是您是否曾经查看过类似于

Blueprint

css的css框架

它包含如下内容

<link rel="stylesheet" href="blueprint/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="blueprint/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection" /><![endif]-->

---

您可以使用此条件语句，也可以使用此框架。

$浏览器已弃用，请不要使用它。请使用此线程中其他地方提到的条件CSS，或尝试使用
$。支持