在我的react项目中,我在名为project.css的外部样式表文件中对按钮进行了样式设置:
button {
max-width: 150px;
margin: 20px 0;
padding: 12px 20px;
border-style: none;
border-radius: 5px;
color: #fff;
cursor: pointer;
outline: none;
-webkit-appearance: none;
}
一切正常,但是我最近安装了一些也使用按钮的库。您在上方看到的我的按钮样式正在干扰库使用的样式。
我想知道如何保留按钮样式,但是使用的库却忽略了自定义按钮样式。
这可行吗?
谢谢!
根据您的代码和库代码的结构,有一些选择。
自己加载库样式。当两个选择器具有相同的特异性时,将应用最后一个选择器。
将选择器的作用域放在您的应用程序唯一的父选择器下
.mycode按钮{...}
将选择器迁移到类,而不是定位按钮标签。
.mybutton {...}
通常,与标记本身相比,以自定义css类为目标更为灵活。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句