Textausrichtung: rechts; nur für Platzhalter?

wie können aktive text-align: right; nur für Platzhalter?

<input type="text" name="airline_search" style="direction: ltr;  border: none;" placeholder="ارلاین">

möchte ich die Verwendung von direction: ltr; für text(zusammengenommen inpute), und text-align: right; für Platzhalter.

InformationsquelleAutor der Frage Me hdi | 2011-07-18

  1. 57
    /* webkit solution */
::-webkit-input-placeholder { text-align:right; }
/* mozilla solution */
input:-moz-placeholder { text-align:right; }

    InformationsquelleAutor der Antwort Hnatt

  2. 20

    Oder versuchen Sie es mit einem :focus Veranstaltung:

    input[type='text']{
text-align:right;
}

input[type='text']:focus{
text-align:left;
}

    Diese Weise jedem Platzhalter auch hard-codiert werden, statt auf der rechten, und jeder text, den Sie eingeben, wenn konzentriert, wird auf der rechten Seite.
    Auf der anderen Seite, wenn Sie verlieren den Fokus, die Ausrichtung wird wieder rechts.

    InformationsquelleAutor der Antwort monsieur_h

  3. 18

    Es ist besser, CSS-Stil für den Platzhalter @Hnatt erwähnt. Ich benutze es, indem Sie Richtung und eine vollständige Liste der Auswahl für die bekannten Browser ist 

    ::-webkit-input-placeholder { /* WebKit browsers */
    direction: rtl;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    direction: rtl;
}
::-moz-placeholder { /* Mozilla Firefox 19+ but I'm not sure about working */
    direction: rtl;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    direction: rtl;
}

    Hoffe, dass dies helfen. Markieren Sie bitte als Antwort wenn das so ist.

    InformationsquelleAutor der Antwort QMaster

  4. 3
    input::-webkit-input-placeholder {
    direction: rtl;
    text-align: left;
}

    InformationsquelleAutor der Antwort Thinking80s

  5. 2

    Verwendung von inline-jquery

    onkeyup="if($(this).val()==''){ $(this).css({'text-align':'right'})} else{ $(this).css({'text-align':'left'})}"

    Demo

    InformationsquelleAutor der Antwort h0mayun

  6. 1

    Den post von Zotten Katrih richtig ist, aber verpassen, in die Richtung. Sie sollten:

    Richtung: rtl;
    text-align: left;

    'Richtung' wirkt sich auf die Platzhalter-text-Platzierung, während 'text-align' wirkt sich auf den Inhalt der input.

    <input type="text" placeholder="Sample" style="direction: rtl; text-align: left;">

    HTH.

    InformationsquelleAutor der Antwort Milton

  7. 0

    haben Sie versuchen, fügen Sie in der Stil?

    <input type="text" name="airline_search" style="direction: ltr; text-align: right;  border: none;" placeholder="ارلاین">

    einstellen oder einfach nur ein außerhalb der div so:

    <div style="direction: rtl;">
<input type="text" name="airline_search" style="text-align: right;  border: none;" placeholder="ارلاین">
</div>

    funktionieren sollte.

    InformationsquelleAutor der Antwort Villi Katrih

Schreibe einen Kommentar