Html chrome和internet explorer中的文本框宽度不同

Html chrome和internet explorer中的文本框宽度不同,html,css,jquery-ui,bootstrap-4,css-selectors,Html,Css,Jquery Ui,Bootstrap 4,Css Selectors,有一个输入文本框 输入name=“raiseOnBehalfOf”style=“width:196px;”disabled=“true”id=“raiseOnBehalfOf”type=“text”value=“somename” 在internet explorer中,此宽度看起来不错。但在chrome文本框中,宽度显示2倍的额外值。 在IE和Chrome浏览器中设置相同宽度的解决方案是什么? 不同的浏览器具有不同的默认宽度、边距、边框、填充等。在Internet Explorer中,文本输入

有一个输入文本框 输入name=“raiseOnBehalfOf”style=“width:196px;”disabled=“true”id=“raiseOnBehalfOf”type=“text”value=“somename”

在internet explorer中,此宽度看起来不错。但在chrome文本框中,宽度显示2倍的额外值。 在IE和Chrome浏览器中设置相同宽度的解决方案是什么?
不同的浏览器具有不同的默认宽度、边距、边框、填充等。在Internet Explorer中,文本输入的边框和填充比在Chrome中小。我建议总是在CSS中设置marigns、borders和paddings之类的内容,即使它不会改变浏览器中的任何内容,因为它可能会确保它在其他浏览器中看起来相同


长话短说:将文本输入设置为给定的填充和边框。

如果使用内联填充,则在输入字段中添加高度:0px;它在chrome浏览器中运行良好。谢谢你,Mispell