CSS - overflow-y：hiddenがサファリで動作しない

selectオプション要素にスクロールバーを隠したい。 Chromeでは正常に動作していますが、Safariでは正常に動作していません。CSS - overflow-y：hiddenがサファリで動作しない

はクローム：

サファリ：

https://developer.mozilla.org/ca/docs/Web/CSS/overflow-y

：私はこれについてとMozzilaのドキュメントで読んでいる

はそれがサファリに対応していると言います

コード：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <title>Test</title> 

    <style> 
       select{ 
       overflow-y: hidden; 

       } 
    </style> 
</head> 

<body> 

    <div class='container'> 

     <select size='2'> 

      <option>This is a test</option> 
      <option>This is a test 2</option> 

     </select> 

    </div> 

</body> 
</html>

はあなたが起こる何を知っていますか？

出典

2017-11-06 rumar

は、ブラウザがoverflowプロパティを実装する方法で好奇心があり

<select size='2' style="overflow-y: hidden"> 
     <option>This is a test</option> 
     <option>This is a test 2</option> 
</select>

出典

2017-11-06 14:43:26

がそれだ：これはあなたがハックの回避策に頼る必要があり、Safariで動作しませんようですので、現時点での標準的な回避策は、

overflow: hidden; overflow-x: visible;

を指令するスクロールバー自体にマッチするCSSです

CSS - overflow-y：hiddenがサファリで動作しない

答えて