滚动条未显示在Chrome中的下拉列表中

Question

我面临一个奇怪的问题。我有一个像下面这样的div。

<div class="dropdown3 dropdown-style" style="overflow-y:scroll">
   <ul class="dropdown-list">
    <li>1k</li>
    <li>5k</li>
    <li>10k</li>
    <li>25k</li>    
    <li>35k</li>                               
  </ul>
</div>

我的css是这样的：

.dropdown3 {
  position: absolute;   
  top: 30px;  
  background: #fff;  
  left: -15px;  
  z-index: 1;  
  display: none; 
  height:85px;
  max-height:85px;
  overflow:scroll; 
  border: 1px solid #ccc;  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
   border-radius: 5px;    
}      

虽然它在Firefox中工作，但由于某种原因它不能用于chrome！ Chrome自动将style =＆＃34; overflow：hidden;＆＃34;而我明确提到它在div中滚动。

Answer 1

尝试overflow:scroll !important;