CSS中下拉框的滚动条是一个常用的功能。它可以使得下拉框的内容可以滚动,方便用户浏览和选择。本文将介绍如何使用CSS设置下拉框的滚动条。 首先,需要使用HTML的select标签来创建下拉框。可以通过
<select size="10"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <option value="4">Option 4</option> <option value="5">Option 5</option> <option value="6">Option 6</option> <option value="7">Option 7</option> <option value="8">Option 8</option> <option value="9">Option 9</option> <option value="10">Option 10</option> <option value="11">Option 11</option> <option value="12">Option 12</option> <option value="13">Option 13</option> <option value="14">Option 14</option> <option value="15">Option 15</option> </select>
<style> select { overflow: auto; } </style>
<style> select::-webkit-scrollbar { width: 10px; } <br> select::-webkit-scrollbar-track { background-color: #f1f1f1; } <br> select::-webkit-scrollbar-thumb { background-color: #888; } <br> select::-webkit-scrollbar-thumb:hover { background-color: #555; } </style>
粉丝
0
关注
0
收藏
0