CSS - Überlauf-y: versteckt funktioniert nicht in Safari

Ich möchte die Bildlaufleiste in den Auswahloptionen Elemente ausgeblendet werden. In Chrome funktioniert es gut, aber in Safari nicht.CSS - Überlauf-y: versteckt funktioniert nicht in Safari

Chrome:

Safari:

Ich habe über dieses und in der Mozzila Lesen der Dokumentation sagt, dass auf Safari kompatibel:

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

Der Code:

<!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>

Wissen Sie, was geschehen ist?

Quelle

2017-11-06 rumar

Versuchen Sie, Ihre CSS-Inline von

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

Quelle

2017-11-06 14:43:26

Es ist das gleiche, das in den Kopf zwischen

CSS - Überlauf-y: versteckt funktioniert nicht in Safari

Antwort