0

こんにちは、ウェブサイトに RTL を実装しようとしています。CSSにこのようなチェックボックスがあります

.labeled-checkbox .checkbox {
  position: absolute;
  top: 0px;
  right: 0px;
  margin-top: -1px;
}

RTL 言語の場合、以下のようにクラスが動的に html ファイルに追加され、新しいスタイルが CSS に追加されます。

.locale-right-to-left .labeled-checkbox .checkbox {
  position: absolute;
  top: 0px;
  left: 0px;
  margin-top: -1px;
}

この場合、チェック ボックスを一番左に移動する必要があります。しかし、左と右の両方のプロパティがチェックボックスに追加されているため、それは起こりません。RTL 言語の場合、 right:0px を無視して left:0px のみを使用できる方法はありますか?

4

3 に答える 3