修正IE10 <填充右選擇標籤

我試圖以一種不錯的方式選擇標籤樣式，四處添加填充。在除IE之外的所有瀏覽器上都可以正常工作。修正IE10 <填充右選擇標籤

這是IE瀏覽器發生了什麼（他們中的大多數從10版）：

enter image description here

我怎樣才能固定在正確的差距？添加填充右：0就足夠了，但是針對所有IE瀏覽器的最佳方式是什麼？有沒有一種方法來檢測問題，或以通用的方式用CSS修復它？

2013-08-01 bitlyfied

具有u試圖浮動：權 –

我應該從理論的角度說，這是一個壞主意開始。選擇標籤可以以任何瀏覽器選擇的方式呈現（理論上），它甚至不一定是下拉菜單。它甚至可以是單選按鈕列表。用戶的瀏覽器如何決定如何渲染它真的是用戶的偏好，而不是網頁設計師的選擇。現在，這就是說... Google是你的朋友，你會發現它有解決方案，但大多數都有嚴重的缺點。所有主要（非移動）瀏覽器確實將其渲染爲下拉菜單。手機通常將其作爲車輪控制。 –

在你的HTML試試這個：

<!--[if IE]> 
    <style type="text/css"> 
    #yourselect { 
    padding-right: 0; 
    } 
    </style> 
<![endif]-->

來源

2013-08-01 16:33:07

修正IE10 <填充右選擇標籤

回答

相關問題