<p> 标签和 <button> 标签之间的样式差异？

Question

我有以下代码：

 <footer>
        <div class="container">
            <p style="color:red !important">
                blabla<br />
                blabla<br />
                <button style="color:red !important" class="accessibilityBtn" id="opener" >blabla</button>
            </p>
        </div>
    </footer>

我有意在两者上添加了 !important，因为我想证明我遇到的问题并且不希望任何与 css 相关的文件影响结果。 无论如何我不明白为什么红色不同，我只能假设它与两个标签的差异有关？一个是段落，一个是按钮？？但这有什么意义呢？

** 注意-我在任何地方都没有任何粗体属性。

展示：

Answer 1

我相信这只是默认按钮文本设置。如果您希望所有文本都相同，您只需将 CSS 设置设置为相等即可。下图是我将您的代码放入编辑器后得到的输出。如您所见，唯一的区别是字体，因为它是默认的按钮字体。