RTLスタイルをVuetify

Question

私はvuetifyに新しいです。右上のキャプションが付いたRTLのv-text-fieldが必要です。そんなことがあるものか？私は検査官でそれをすることができませんでした。この私は今のところしている：vuetifyのためのRTLのサポートは今ありません

Answer 1

任意の助けいただければ幸いです。 あなた自身のCSSを作成し、必要なものを変更することができます。 すべての最初： あなたのアプリ にDIR = RTLを追加し、このスタイルを追加します。

textarea:focus, input:focus, button:focus { outline: none !important; } 

.list__tile__title { 
    text-align: right; 
} 

.toolbar__title { 
    margin-right: 16px; 
} 

.input-group--text-field label { 
    position: absolute; 
    top: 18px; 
    right: 0; 
} 

.input-group label { 
    text-align: right; 
    -webkit-transform-origin: top right; 
    transform-origin: top right; 
} 
.input-group.input-group--selection-controls label{ 
    right: 32px; 
    left: auto; 
} 
.input-group.input-group--selection-controls .icon--selection-control { 
    left: auto; 
    right: 0; 
} 
.input-group--selection-controls__ripple { 
    -webkit-transform: translate3d(12px,-52%,0); 
    transform: translate3d(12px,-52%,0); 
    left: auto; 
    right: 0; 
} 

それは完全ではありません。いくつかの問題を修正してください