Javascript 反应引导按钮看起来褪色

我用了

<Button bsStyle="primary" bsSize="large">Primary</Button>

Primary

与这里的问题不同，我在根html页面中包含了引导css

我无法理解这个问题

这是我的密码

Index.ejs Css文件：

Component.jsx:

import {Button, Col, Glyphicon, Label, OverlayTrigger, Row, Table, Tooltip} from "react-bootstrap";


<Button href={version.downloadUri} bsStyle="primary" bsSize="large">

从“react bootstrap”导入{按钮、列、字形图标、标签、叠加触发器、行、表、工具提示}；

主按钮

主要问题：

---

我确实看到了按钮，我也认为css正在应用，因为当我悬停在按钮上时，它看起来很正常。另一方面，处于自然状态的按钮看起来褪色。

随附按钮屏幕截图。它表现得很正常。可能你在css中搞乱了什么。然而，我使用了react引导，这里是我得到的：

---

你能发布你的按钮截图吗？

今天我有时间的时候，碰巧终于弄明白了这个问题。这有点难以接受，但href属性是导致不应用css的原因

考虑到react bootstrap文档中正式支持和提及的道具，这确实很奇怪。深入查看最终使用chrome中的inspect元素输出的代码后，发现href导致组件呈现为锚定标记。因此，基本上css是被应用的，只是被应用到一个锚标记上。这是主要问题。因此，我只是将锚定标签包裹在按钮上，现在它可以完美地工作。我仍然不知道真正的原因是什么。我在JSFIDLE上创建了一个类似的小片段，它可以正常工作。 如果其他人面临此问题，我的按钮最终代码如下：

<a href={version.downloadUri}>
                        <Button className="primary" bsStyle="primary" bsSize="large"
                                disabled={version.version === null}>
                            <span>Download
                            </span><br/>
                            <span>
                              Version : {version.version === null ? "Null" : version.version}
                            </span>
                        </Button>
                        </a>

你能显示你的css文件吗？如果你在根html页面中包含了引导css，你应该把标签className=“primary”放在按钮上以获取样式。不，这不管用。我已经在下面的回答中解释了问题的原因