首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在reactjs中生成一个缩略图作为按钮

在reactjs中生成一个缩略图作为按钮
EN

Stack Overflow用户
提问于 2018-06-07 04:43:03
回答 1查看 505关注 0票数 0

我想知道为什么我的按钮在我的缩略图周围创建了一个边框,尽管我设置了它的样式,使它根本没有边框?

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>

尽管它应该生成没有任何边框的图片,看起来就像一个普通的缩略图,但它实际上在渲染时给了我这样的效果:

rendered picture

我的代码有问题吗?

编辑:inspected image

当我检查图像时,它给了我

<div> == $0

styling

styling

这就是它所说的风格。有没有办法改变它?

EDIT

With new line of code

padding box

image box

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-08 00:45:27

感谢你的图片,这里发生了什么,原来你的按钮(图片)有这些属性边框颜色,边框样式,边框宽度,你的缩略图是添加以下类到你的风格。希望这能解决问题,

.thumbnail{
    border-color:initial !important;
    border-style:initial !important;
    border-width:initial !important;
    padding: 0px !important;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50729284

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档