HTML复选框滚动在Chrome中不起作用

时间:2015-12-29 15:02:55

标签: html css google-chrome

我有一个复选框,我已放在容器内滚动。

此代码适用于除Chrome版本47.0.2526.80(64位)以外的所有浏览器。

您可以使用触控板滚动,但是当您尝试使用鼠标指针选择滚动时,它将不会移动。有谁知道为什么?

这是HTML:

<div class="container">
<br>
<label><input type="checkbox" name="col[]" value="'AK', 'AL', 'AR', 'AZ', 'CA', 'CO', 'CT', 'DC', 'DE', 'FL', 'GA', 'HI', 'IA', 'ID', 'IL', 'IN', 'KS', 'KY', 'LA', 'MA', 'MD', 'ME', 'MI', 'MN', 'MO', 'MS', 'MT', 'NC', 'ND', 'NE', 'NH', 'NJ', 'NM', 'NV', 'NY', 'OH', 'OK', 'OR', 'PA', 'RI', 'SC', 'SD', 'TN', 'TX', 'UT', 'VA', 'VT', 'WA', 'WI', 'WV', 'WY'" required>All States</label><br>
<label><input type="checkbox" name="col[]" value="'AL'" required>Alabama</label><br>
<label><input type="checkbox" name="col[]" value="'AK'" required>Alaska</label><br>
 <label><input type="checkbox" name="col[]" value="'AZ'" required>Arizona</label><br>
<label><input type="checkbox" name="col[]" value="'AR'" required>Arkansas</label><br>
<label><input type="checkbox" name="col[]" value="'CA'" required>California</label><br>
<label><input type="checkbox" name="col[]" value="'CO'" required>Colorado</label><br>
<label><input type="checkbox" name="col[]" value="'CT'" required>Connecticut</label><br>
<label><input type="checkbox" name="col[]" value="'DE'" required>Delaware</label><br>
<label><input type="checkbox" name="col[]" value="'DC'" required>District of Columbia</label><br>
<label><input type="checkbox" name="col[]" value="'FL'" required>Florida</label><br>
<label><input type="checkbox" name="col[]" value="'GA'" required>Georgia</label><br>
<label><input type="checkbox" name="col[]" value="'HI'" required>Hawaii</label><br>
<label><input type="checkbox" name="col[]" value="'ID'" required>Idaho</label><br>
<label><input type="checkbox" name="col[]" value="'IL'" required>Illinois</label><br>
<label><input type="checkbox" name="col[]" value="'IN'" required>Indiana</label><br>
<label><input type="checkbox" name="col[]" value="'IA'" required>Iowa</label><br>
<label><input type="checkbox" name="col[]" value="'KS'" required>Kansas</label><br>
<label><input type="checkbox" name="col[]" value="'KY'" required>Kentucky</label><br>
<label><input type="checkbox" name="col[]" value="'LA'" required>Louisiana</label><br>
<label><input type="checkbox" name="col[]" value="'ME'" required>Maine</label><br>
<label><input type="checkbox" name="col[]" value="'MD'" required>Maryland</label><br>
<label><input type="checkbox" name="col[]" value="'MA'" required>Massachusetts</label><br>
<label><input type="checkbox" name="col[]" value="'MI'" required>Michigan</label><br>
<label><input type="checkbox" name="col[]" value="'MN'" required>Minnesota</label><br>
<label><input type="checkbox" name="col[]" value="'MS'" required>Mississippi</label><br>
<label><input type="checkbox" name="col[]" value="'MO'" required>Missouri</label><br>
<label><input type="checkbox" name="col[]" value="'MT'" required>Montana</label><br>
<label><input type="checkbox" name="col[]" value="'NE'" required>Nebraska</label><br>
<label><input type="checkbox" name="col[]" value="'NV'" required>Nevada</label><br>
<label><input type="checkbox" name="col[]" value="'NH'" required>New Hampshire</label><br>
<label><input type="checkbox" name="col[]" value="'NM'" required>New Mexico</label><br>
<label><input type="checkbox" name="col[]" value="'NY'" required>New York</label><br>
<label><input type="checkbox" name="col[]" value="'NC'" required>North Carolina</label><br>
<label><input type="checkbox" name="col[]" value="'ND'" required>North Dakota</label><br>
<label><input type="checkbox" name="col[]" value="'OH'" required>Ohio</label><br>
<label><input type="checkbox" name="col[]" value="'OK'" required>Oklahoma</label><br>
<label><input type="checkbox" name="col[]" value="'OR'" required>Oregon</label><br>
<label><input type="checkbox" name="col[]" value="'PA'" required>Pennsylvania</label><br>
<label><input type="checkbox" name="col[]" value="'RI'" required>Rhode Island</label><br>
<label><input type="checkbox" name="col[]" value="'SC'" required>South Carolina</label><br>
<label><input type="checkbox" name="col[]" value="'SD'" required>South Dakota</label><br>
<label><input type="checkbox" name="col[]" value="'TN'" required>Tennessee</label><br>
<label><input type="checkbox" name="col[]" value="'TX'" required>Texas</label><br>
<label><input type="checkbox" name="col[]" value="'UT'" required>Utah</label><br>
<label><input type="checkbox" name="col[]" value="'VT'" required>Vermont</label><br>
<label><input type="checkbox" name="col[]" value="'VA'" required>Virginia</label><br>
<label><input type="checkbox" name="col[]" value="'WA'" required>Washington</label><br>
<label><input type="checkbox" name="col[]" value="'WV'" required>West Virginia</label><br>
<label><input type="checkbox" name="col[]" value="'WI'"   required>Wisconsin</label><br>
<label><input type="checkbox" name="col[]" value="'WY'"     required>Wyoming</label><br>
</div>

这是CSS:

.container {
    height: 200px;
    width: 375px;
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #e8eeef;
}

0 个答案:

没有答案