在chrome中的選擇元素中的額外填充

我有一個選擇元素，我可以讓用戶選擇分類和描述。僅在Chrome瀏覽器中，我有一個額外的填充，我無法使用填充：0或使用其他css標籤進行刪除。 Screen from Chrome 在chrome中的選擇元素中的額外填充

但是，其他瀏覽器中的相同元素沒有任何填充。查看來自Firefox的示例屏幕。 Screen from Firefox

任何想法爲什麼這可能是這種情況？

謝謝

來源

2017-08-01 Tamerlan Vahabzade

你能提供你的代碼？ –

請在您的問題中發佈[mcve]。圖像很好，但我們更喜歡代碼。 – j08691

這可能有助於恢復所有的瀏覽器特定的造型爲選擇要素：

-webkit-appearance:none; 
-moz-appearance:none; 
appearance:none;

來源

2017-08-01 19:47:54 nBuze

更新＃2 根據我自己的經驗，而這些用戶對谷歌論壇上，這似乎隻影響用戶在Windows 8和Windows 10上顯示觸摸敏感屏幕。（請忽略我以前的更新重！的Windows 10和字體縮放）

在這裏看到：Chrome Support Forum - Dropdown Option Height

外觀的CSS無助於解決這個問題（注意，如果你把外觀風格選擇元素，然後下拉箭頭消失）

下面是一些示例代碼 - 只發生在我的觸控筆記本電腦上，並且只發生在Chrome中。我所有的其他機器都能正確渲染。 IE和Firefox在所有機器上正確渲染。

<html> 
 
<head> 
 
    <title></title> 
 
    <meta charset="utf-8" /> 
 
    <style> 
 
     html, page, body 
 
     { 
 
      padding:0; border:0; margin:0; 
 
      font-family:Tahoma, Verdana, sans-serif; 
 
      font-size:12px; 
 
     } 
 
     select { 
 
      padding: 0px 8px; 
 
     } 
 
     option { 
 
      -webkit-appearance:none; 
 
      -moz-appearance:none; 
 
      appearance:none; 
 
     } 
 
    </style> 
 
</head> 
 
<body> 
 
    <div style="padding:20px;background-color:#887b93"> 
 
     <select name="vendorId" id="vendorId"> 
 
      <option value="">--- Select Vendor ---</option> 
 
      <option value="86">Alexandra</option> 
 
      <option value="5">Alix</option> 
 
      <option value="73">Anna</option> 
 
      <option value="19">Anne</option> 
 
      <option value="60">Avant</option> 
 
      <option value="65">Blue</option> 
 
      <option value="84">Blush</option> 
 
      <option value="21">Carol</option> 
 
      <option value="89">Christos</option> 
 
      <option value="43">Claire</option> 
 
      <option value="25">Cynthia</option> 
 
      <option value="54">Dauphines</option> 
 
      <option value="22">Delphine</option> 
 
     </select> 
 
    </div> 
 
</body> 
 
</html>

來源

2017-08-02 14:21:09

你是說bug隻影響Win10，或者修復隻影響Win10？ Windows 8.1也受到強制附加填充的影響。 –

我更新了更新的信息 –

在chrome中的選擇元素中的額外填充

回答

相關問題