0

我的文本框在 IE 和 Chrome 上的呈现方式非常不同

IE

在此处输入图像描述

铬合金

在此处输入图像描述

你可以看到在 IE 中文本框的宽度很小。

我的 html 定义为

 <input id="Name" data-bind ="value:Name" style="width: 210px"/>

我尝试下载 normalize.css 并包含在我的脚本顶部,但它仍然在不同的浏览器上呈现不正确。

我确信需要更多输入,所以请告诉我你们需要什么来解决我的问题。

这些是我正在使用的脚本

<link href="css/normalize.css" rel="stylesheet" />
<script src="../Myfolder/External/jQuery/jquery-1.7.2.js"></script>
<link href="../Myfolder/External/jQuery UI/css/smoothness/jquery-ui-1.8.20.custom.css" rel="stylesheet" />


<script src="../Myfolder/External/jQuery UI/js/jquery-ui-1.8.20.custom.min.js"></script>

<link href="../Myfolder/Styling/common.css" rel="stylesheet" />

<script src="../Myfolder/External/Knockout/knockout-2.2.0.js"></script>

<script src="../Myfolder/External/JSON/json2.min.js"></script>

<script src="../Myfolder/External/Knockout/Plugins/koExternalTemplateEngine_all.min.js"></script>

<script src="../Myfolder/External/Knockout/Plugins/knockout.validation.js"></script>

<script src="../Myfolder/External/Knockout/Plugins/knockout.mapping-latest.js"></script>
<link href="../Myfolder/External/Kendo/styles/kendo.common.min.css" rel="stylesheet" />
<link href="../Myfolder/External/Kendo/styles/kendo.default.min.css" rel="stylesheet" />
<link href="../Myfolder/External/Bootstrap/css/bootstrap.css" rel="stylesheet" />
<link href="../Myfolder/External/Bootstrap/css/responsive.css" rel="stylesheet" />

<script src="../Myfolder/External/Bootstrap/js/bootstrap.js"></script>

<script src="../Myfolder/External/Kendo/kendo.web.min.js"></script>
<script src="../NewUI2013/AgrOD/external/amplify/amplify.min.js"></script>
<script src="../Myfolder/External/Knockout/Plugins/knockout-kendo.min.js"></script>
<script src="../Myfolder/External/Knockout/knockout.dirtyFlag.js"></script>
<script src="../Myfolder/Custom/customKO.js"></script>
<script src="../Myfolder/Custom/custom.js"></script>
4

1 回答 1

1

设置height:25px或任何其他值应该可以解决问题。问题很可能是由于您使用了这么多外部源的 css 文件,浏览器可能会误解其中的一些。

于 2013-10-04T13:05:28.680 回答