reactjs - IEのドロップダウンに反応する

Question

反応を始めたばかりで、IE11 でドロップダウン キャレット (矢印) を表示する際に問題があります。私は react-toolbox を使用しており、Chrome と Firefox で表示されます。

いくつかの調査の後、IE11 の :after 要素のレンダリングに問題があると考え、追加しました

表示ブロック

ここのトピックのようにそれを実行しましたが、うまくいきませんでした。

私のコードは次のようになります。

import ReactDropdown from 'react-toolbox/lib/dropdown'
<div className="row">
      <div className="col-md-4" style={{ textAlign: 'left' }}>
        <ReactDropdown
          source={searchDropdown.map(currentValue => {
            return { value: currentValue.value, label: currentValue.label}
          })}
          value={searchType}
          onChange={value => this.setState({searchType: value})}
          theme={dropdown}
        />
      </div>
</div>

Chrome の構造は次のようになります。

クロム

そしてIE11ではこのように

IE11

Chrome のように :after 要素を表示することさえできません。

何か案は？

前もって感謝します。