有一个使用ASP.NET WebForms的较旧的应用程序。它使用 asp:ListBox 和始终启用的水平滚动条。生成的HTML如下所示:
.box {
border: none;
background: none;
height: 230px;
width: 280px;
overflow: visible;
overflow-x: scroll;
padding: 10px;
}
<select size="4" name="ctl00$ContentPlaceHolder$usersListBox" id="ContentPlaceHolder_usersListBox" class="box" horizontalscrollbar="true" style=" ">
<option value="Vielka Gay (xage@mailinator.com)">Vielka Gay (xage@mailinator.com)</option>
<option value="VerylongFirstnameEverPossibleInTheApp VerylongSurnnameEverPossibleInTheApp (verylongpossibleemailhost@verylongpossibleemailhost.com)">VerylongFirstnameEverPossibleInTheApp VerylongSurnnameEverPossibleInTheApp (verylongpossibleemailhost@verylongpossibleemailhost.com)</option>
<option value="September Newton (mojyzyfal@mailinator.com)">September Newton (mojyzyfal@mailinator.com)</option>
<option value="Palmer Herman (vuqanagi@mailinator.com)">Palmer Herman (vuqanagi@mailinator.com)</option>
<option value="Inez Moss (mybahidime@mailinator.com)">Inez Moss (mybahidime@mailinator.com)</option>
<option value="Tanya Mckay (jyfy@mailinator.com)">Tanya Mckay (jyfy@mailinator.com)</option>
<option value="Debra Davenport (ryqeluquw@mailinator.com)">Debra Davenport (ryqeluquw@mailinator.com)</option>
<option value="Donovan Wilkerson (gasude@mailinator.com)">Donovan Wilkerson (gasude@mailinator.com)</option>
<option value="Dai Price (niwa@mailinator.com)">Dai Price (niwa@mailinator.com)</option>
<option value="Maris Mason (temerikuk@mailinator.com)">Maris Mason (temerikuk@mailinator.com)</option>
<option value="India Lara (rajefavid@mailinator.com)">India Lara (rajefavid@mailinator.com)</option>
<option value="Portia Grimes (dyhisi@mailinator.com)">Portia Grimes (dyhisi@mailinator.com)</option>
<option value="Willa Giles (luhyvyke@mailinator.com)">Willa Giles (luhyvyke@mailinator.com)</option>
</select>
因此,在Firefox中(我在Windows上使用79.0 64位版本),没有滚动条:
Chrome和Edge看起来不错:
UPD。目前,我已经创建了bug on bugzilla