2015-02-10 3 views
0

У меня возникла странная проблема. У меня есть div, как показано ниже.Полоса прокрутки не отображается в раскрывающемся списке в Chrome

<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 автоматически ставит стиль = «переполнение: скрыто»; в то время как я прямо упоминал об этом для прокрутки в div.

+0

'overlow: прокручивать;' должен не быть: 'переполнения: прокрутки;' –

+0

жаль опечатку при вводе вопрос. Нет, это не сработает. – user3001408

+0

как вы можете видеть элемент с 'display: none;'? –

ответ

1

попробовать overflow:scroll !important;

+0

сделано мужчина! Что это важно, так или иначе! – user3001408

+0

позволяет css переопределять все другие методы изменения стиля, может быть, это помогает объяснить :) http://stackoverflow.com/questions/3706819/what-are-the-implications-of-using-important-in-css –