Question

我有一个使用（UI）Bootstrap的Angular应用程序，我在井和代码元素中的模态体中显示一个URL。模态页脚只有一个关闭按钮。现在，如果三次点击URL进行复制，则页脚中的“关闭”按钮文本也会被选中，并且不能像往常一样将其粘贴到另一个选项卡。

Fiddle here

<div class="modal-body">
    <div class="well">
        <code>http://www.google.com/</code>
    </div>
</div>
<div class="modal-footer">
    <button type="button" ng-click="close()" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>

我已经搜索了很多但是无法提出解决方案（已经尝试过CSS的用户选择，将其包装在不同的元素中，这似乎不起作用）。

Answer 1

将<button>替换为<input>以禁用文字选择：

<input type="button" ng-click="close()" class="btn btn-primary" data-dismiss="modal" value="Close"></input>

Updated Fiddle

三击选择具有Angular Bootstrap模式的下一个元素

1 个答案: