我正在尝试更改纸张下拉菜单下拉菜单中滚动条的外观。这是我的HTML:
<body>
<paper-dropdown-menu id="series" name="series" label="Series">
<paper-menu id="seriesDD" class="dropdown-content">
<?php
for ($i = 0; $i <= 100; $i++) {
echo '<paper-item>'.$i.'</paper-item>';
}
?>
</paper-menu>
</paper-dropdown-menu>
<div style="height:9000px"></div>
</body>
这是我的css:
::-webkit-scrollbar{width: 6px;}
::-webkit-scrollbar-thumb{background-color:rgb(196, 196, 196); border-radius: 5px;}
::-webkit-scrollbar-thumb:hover{background-color:rgb(196, 196, 196);}
::-webkit-scrollbar-track{background-color:rgb(255, 255, 255);}
这确实为窗口的滚动条设置了样式,但保留了纸张下拉菜单的滚动条。如何让这个CSS也影响下拉菜单?