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 /瀏覽器不能同意選擇元素大小

回答

相關問題