我有一个带有数据网格的页面，在网格中的每一行都有一个引导下拉按钮/菜单，其中包含可以对该数据行执行的操作。问题是，菜单在悬停时打开，而我希望它只在单击时打开（这样用户就不会意外地在错误的行上打开菜单）。
有没有一种方法可以通过CSS告诉菜单在悬停时不做任何事情？我不喜欢使用jquery，因为我在网格之外的页面上有其他下拉菜单，我也希望专门针对网格中的下拉菜单，这样我就不会把其他下拉菜单弄乱。
ng-repeat行中的样本单元格：

<td class="text-center" ng-if="vm.isCustService">
    <div class="dropdown drop-down-in-grid">
        <button type="button" id="btnCustDetails_{{$index}}"
                class="btn btn-success btn-sm dropdown-toggle"
                data-toggle="dropdown"
                aria-haspopup="true"
                aria-expanded="false">
            <i class="fa fa-fw fa-ellipsis-v fa-lg"></i>
        </button>
        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnCustDetails">
            <div>
                <a class="dropdown-item text-nowrap" href="/CustomerDetails#/details/" id="lnkDetails_{{$index}}"><i class="fa fa-fw fa-user"></i> Customer Details</a>
                <a class="dropdown-item text-nowrap" href="/CustomerDetails#/addresses/" id="lnkAddresses_{{$index}}"><i class="fa fa-fw fa-address-book-o"></i> Addresses</a>
                <a class="dropdown-item text-nowrap" href="/CustomerDetails#/jobs/" id="lnkJobs_{{$index}}"><i class="fa fa-fw fa-calendar-o"></i> Jobs</a>
                <a class="dropdown-item text-nowrap" href="/CustomerDetails#/createJob/" id="lnkAddJob_{{$index}}"><i class="fa fa-fw fa-calendar-plus-o"></i> New Job</a>
                <a class="dropdown-item text-nowrap" href="/CustomerDetails#/notes/" id="lnkNotes_{{$index}}"><i class="fa fa-fw fa-file-word-o"></i> Notes</a>
                <a class="dropdown-item text-nowrap" href="/CustomerDetails#/statements/" id="lnkStatements_{{$index}}"><i class="fa fa-fw fa-money"></i> Statements</a>
                <a class="dropdown-item text-nowrap" href="/CustomerDetails#/orderSummary/" id="lnkOrderSummary_{{$index}}"><i class="fa fa-fw fa-tasks"></i> Order Summary</a>
            </div>
        </div>
    </div>
</td>