1

選択ボックスのスタイルを設定しましたが、Firefox の選択ボックスに矢印がまだ表示されているため、css を次のように設定しました。

background:transparent;
content:'';
apperiance:none;

それはChromeで動作しますが、Firefoxではデフォルトの矢印が表示されます.Firefoxでも削除できますか?

4

4 に答える 4

1

これにより、Chrome、Firefox、Safari、および IE10 の選択で矢印が削除されます。

.poa-select {
  -moz-appearance: none; 
  -webkit-appearance: none;
  appearance: none;
  text-indent: .01px;
  text-overflow: "";
}
.poa-select::-ms-expand {
  display: none;
}

hereとhereから得たアイデア。

于 2013-10-15T03:25:02.650 に答える
0

私にとってうまくいくトリックは、選択幅を100％以上にし、overflow:hiddenを適用することです

select {
    overflow:hidden;
    width: 120%;
}

ここからの答え : Firefox でタグから矢印を削除する方法

于 2013-05-29T08:53:38.223 に答える
0

プロパティを使用しpointer-eventsます。

ここでの考え方は、要素をネイティブのドロップダウン矢印の上に重ねて (カスタムの矢印を作成するために)、その上でのポインター イベントを許可しないというものです。[この投稿を参照]

これは、このメソッドを使用した実用的な FIDDLEです。

また、この SO 回答では、これと別の方法について詳しく説明しました。

于 2013-05-29T09:08:43.010 に答える