role="button" for <a href

Question

你好，我想了解如何在Bootstrap中将 role="button" 添加到 a href 链接。

<a href="" role="button">

我在css中找不到“role”按钮。

我试图制作自己的版本。

- user3475662

---

除了Jake在下面的回答之外，这里有关于role属性的一些信息。https://dev59.com/Jmkv5IYBdhLWcg3wtTK7 - Jorg

Answer 1

您想让链接/按钮执行什么操作？如果您只是想将样式设置为Bootstrap按钮，则可以将按钮类添加到链接中：

<a href="#" class="btn btn-primary">A Link</a>

如果你想让它像一个按钮一样发挥作用（例如提交表单或其他操作），那么你需要使用JavaScript或者更好的jQuery来实现：

    <a href="#" id="myButton">A Link</a>
    <script>
    $(document).ready(function(){
        $("#myButton").click(function(){
            $("#myFormID").submit();
        }); 
    });
    </script>

然后只需将两者结合，锚链接将显示并像按钮一样起作用。

- Jake

---

谢谢！“href”属性非常重要，否则当您按下“Enter”键时将不会发生任何事情。要使用tabindex =“0”进行键盘导航... - François Breton