如何解决React JS引导程序按钮的高度和宽度限制
我想从react-bootstrap / Button创建一个圆形按钮,但是在按钮的限制方面遇到了问题。
.circle-btn {
width: .2vw;
border-radius: 50%;
border: solid #9a9a9a 1px;
}
<Button className="circle-btn">
a
</Button>
我想创建一个带有圆圈的小圆圈按钮。我的问题是React js引导程序按钮有多小?
解决方法
对于按钮的高度和宽度,您可以呈现的最小单位是1px
。 react-bootstrap
组件也是如此,尽管应该进行覆盖CSS
才能达到这样的限制。
请参见示例中的小黄点:
ReactDOM.render(<button></button>,document.getElementById("root"))
body {
background: black;
}
button {
height: 1px;
width: 1px;
padding: 0;
border: 0;
background: yellow;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.0/umd/react-dom.production.min.js"></script>
<div id="root"></div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。