Как настроить ширину текстового поля в зависимости от браузера с помощью JavaScript

Question

У меня есть текстовое поле в форме.Я задал style = "width: 370px;». При просмотре в Firefox его выравнивание корректно со всеми другими полями в этой форме. Но в IE нужно увеличить немного больше, то есть 380px.дать ширину этому текстовому полю в зависимости от браузеров? Я знаю, что это возможно. Но я не знаю, как это?

Кто-нибудь знает это?

Заранее спасибо

Answer 1

Если вы используете JQuery, вы можете использовать jquery.browser, чтобы определить, является ли браузер IE (или любым другим хорошо документированным методом обнаружения браузера. Затем, если IE, установите сторону $ Document.getElementById (formelement) .css (ширина).

Хотя я бы посоветовал выяснить, почему ваши элементы формы не выравниваются в IE, и исправить это вместо динамического изменения размеров элементов формы на основе просмотра браузеров.

Answer 2

На js document.write(navigator.appCodeName);

На php echo array_shift(explode(' ', $_SERVER['HTTP_USER_AGENT']));

С их помощью вы можете переключать css, но вы когда-нибудь заглядывали в css framework как Blueprint 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]-->

Вы можете использовать эти условные операторы, также использование этой среды не так уж и плохо.

Answer 3

Почему бы не условный CSS ?