当我将鼠标悬停在div或标签上时(或只是一些任意文本),我试图显示一个垂直的复选框列表。有谁知道如何做到这一点?
我附上了一段我正在使用的HTML代码:
标签:
<label class="left-padding">
<font color="black">Custom: </font>
<select name="options" ng-model="PODOptions" ng-change="PODOptionsHandler()">
<option value="" select> </option>
<option value="extendedView">Show Extended View</option>
<option value="hideView">Hide Extended View</option>
<option value="showFilter">Show Filter</option>
<option value="hideFilter">Hide Filter</option>
</select>
</label>
要显示的垂直复选框列表:
<li>
<center> <label>Region </label></center>
</li>
<br>
<li class="active">
<center><input type="checkbox" ng-model="search.location" ng-true-value="mu" ng-false-value=""/> 1</center>
</li>
<br>
<li class="active">
<center><input type="checkbox" ng-model="search.location" ng-true-value="pv" ng-false-value=""/> 2</center>
</li>
<br>
<li class="active">
<center><input type="checkbox" ng-model="search.location" ng-true-value="nk" ng-false-value=""/> 3</center>
</li>
<br>
<li class="active">
<center><input type="checkbox" ng-model="search.location" ng-true-value="st" ng-false-value=""/> 4</center>
</li>
<br>
<li class="active">
<center><input type="checkbox" ng-model="search.location" ng-true-value="ry" ng-false-value=""/> 5</center>
</li>
<br>
<li class="active">
<center><input type="checkbox" ng-model="search.location" ng-true-value="sd" ng-false-value=""/> 6</center>
</li>
<br>
<li>
<center> <label> Type </label></center>
</li>
<br>
<li class="active">
<center><input type="checkbox" ng-model="search.status" ng-true-value="prod" ng-false-value=""/> 7</center>
</li>
<br>
<li class="active">
<center><input type="checkbox" ng-model="search.status" ng-true-value="dev" ng-false-value=""/> 8</center>
</li>
<br>
<li>
<center> <label> Cluster Type </label></center>
</li>
<br>
<li class="active">
<center><input type="checkbox" ng-model="search.cluster_type" ng-true-value="siri" ng-false-value=""/> 9</center>
</li>
<br>
<li class="active">
<center><input type="checkbox" ng-model="search.cluster_type" ng-true-value="speech" ng-false-value=""/> 10</center>
</li>