Checkbox does not work in right to left mode

[Flimm]

Take code like this:

<dir dir="rtl">
  <div class="pretty p-default">
    <input type="checkbox" />
    <div class="state">
      <label>تاست</label>
    </div>
  </div>
</div>

The checkbox ends up covering the text.

[payamomrani]

put this code to support rtl :

[dir="rtl"] .pretty .state label:before,[dir="rtl"] .pretty .state label:after{left:auto;right:0;} [dir="rtl"] .pretty {margin-right:0;margin-left: 1em;}