我想知道为什么我的按钮在我的缩略图周围创建了一个边框,尽管我设置了它的样式,使它根本没有边框?
css样式:
.modalButton: {
padding: ['0rem', '0rem'];
backgroundColor: '#568db2';
border: 0;
borderRadius: '0rem';
fontSize: '0rem';
color: '#fff';
cursor: 'pointer';
marginBottom: '0rem';
}
代码:
<button
type="button"
onClick={() => this.setState({ isOpen: true })}
className="modalButton"
>
<Thumbnail src={snapshot} />
</button>
尽管它应该生成没有任何边框的图片,看起来就像一个普通的缩略图,但它实际上在渲染时给了我这样的效果:
我的代码有问题吗?
当我检查图像时,它给了我
<div> == $0
这就是它所说的风格。有没有办法改变它?
发布于 2018-06-08 00:45:27
感谢你的图片,这里发生了什么,原来你的按钮(图片)有这些属性边框颜色,边框样式,边框宽度,你的缩略图是添加以下类到你的风格。希望这能解决问题,
.thumbnail{
border-color:initial !important;
border-style:initial !important;
border-width:initial !important;
padding: 0px !important;
}
https://stackoverflow.com/questions/50729284
复制相似问题