css - CSS を適用した後、Sencha のタッチ選択フィールドが奇妙に見える

Question

CSS を適用した後、selectfield が奇妙に見えます。CSS を 3 つのコンポーネントに適用しています。

cls: 'txtwhite',
labelCls: 'txtwhite',
inputCls: 'sfborder'

私の 3 つの CSS クラスは次のとおりです。

.txtwhite {
  font-family:Arial;
  color:white;
  font-size:15px;
  background: #000000;
}

.txtinput {
  font-family:Arial;
  color:white;
  font-size:15px;
  background: #000000;
  border-color: #6E6E6E;
  border-style:solid;
  border-width:2px;
}

.sfborder {
  font-family:Arial;
  color:white;
  font-size:15px;
  background: #000000;
  border-color: #0B4C5F;
  border-style:solid;
  border-width:1px;
  border-radius:10px;
}

私の選択ボックスは選択フィールドのラベルの下にあります。選択ボックスの右側に白い下向き矢印 (ドロップダウン リストから選択するための矢印) が表示されます。

私の質問は、なぜその矢印の色とそれを囲む一部の領域が白いのですか?