小编use*_*597的帖子

单击时更改按钮的样式

是否可以更改background-color我的按钮onClick功能?

恩.点击background-color: black,再点击一下background-color: white

我尝试过类似的东西this.style,没有结果.

我设法让覆盖工作并在其中插入所需的数据.但没有找到任何可以帮助我的帖子.我正在使用react-bootstrap.这是我的代码.

  const metaDataOverlay = (
  <div>
  <style type="text/css">{`
  .btn-overlay {
    background-color: white;
    margin-right: -15px;
    margin-left: -15px;
    padding-bottom: -20px;
    padding: 0;
  }
  `}</style>

      <ButtonToolbar>
        <ButtonGroup>
        <OverlayTrigger trigger={['hover', 'focus']} placement="left" overlay={popoverHoverFocus}>
          <Button bsStyle="overlay" onClick={ clicked } onKeyPress={ keypress }>
            <div className={bemBlocks.item().mix(bemBlocks.container("item"))} data-qa="hit">
              <a href={url} onClick={(e)=>{e.preventDefault(); console.log("123")}}>
                <div>
                  <img data-qa="poster" className={bemBlocks.item("poster")} src={result._source.poster} width="240" height="240"/>
                </div>
              </a>
            </div>
          </Button>
        </OverlayTrigger>
        </ButtonGroup>
      </ButtonToolbar>

    </div>
  )
Run Code Online (Sandbox Code Playgroud)

reactjs react-bootstrap

16
推荐指数
2
解决办法
5万
查看次数

标签 统计

react-bootstrap ×1

reactjs ×1