Safari浏览器/ Firefox /浏览器不能同意选择元素大小

我疯狂与这些愚蠢的浏览器不同意最愚蠢的事情。为什么在这个世界上，移动Safari会呈现比其他浏览器更大的select元素？即使桌面野生动物园！Safari浏览器/ Firefox /浏览器不能同意选择元素大小

所以，因为我不想在每个浏览器中选择一个完美对齐的选择框，除了移动Safari之外，我必须使用js来改变宽度。问题是它不工作。

<script type="text/javascript"> 
    if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { 
     $document.GetElementById('safari_state').style.width="400px"; 
    } 
</script>

我有选择完全与除了移动Safari浏览器的页面上的所有其他输入对齐。谢谢。

来源

2012-06-29 o_O

我相信有些浏览器包括在总宽/高利润，有些则没有。似乎这里有一个图表... –

'$ document.GetElementById（'safari_state'）。style.width =“400px”;'？如果你不包含任何JS框架，这应该是'document.getElementById（'safari_state'）。style.width =“400px”;'。另外*什么*不起作用？风格不会改变吗？是否有某种JavaScript错误？ – Zeta

不工作，你的意思是它的尺寸不合适？如果是这样，你不能只是改变宽度以适应差异？如果你之前有一个明确的宽度，并且你只是使用JavaScript将它设置为相同的值，那么它没有什么不同，因为元素在页面上的呈现方式取决于浏览器。 – Zhihao

尝试使用不同的箱尺寸：

-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
     -ms-box-sizing: border-box; 
      box-sizing: border-box;

来源

2012-06-29 17:58:04 biziclop

Safari浏览器/ Firefox /浏览器不能同意选择元素大小

回答

相关问题