0

問題があります。この入力テキスト フィールドが html フォームにあり、これはこのdivcss プロパティ用にラップされています。

.formRight240 { float: left; width: 240px; margin: 5px 12px 5px 0px; }

これをしようとすると

.field_required{ display: inline; color: red; } 
.field_required:after{ content: "*" }

入力テキストフィールドは同じままで、アスタリスクは次の行にジャンプします。理由はわかっています。すべてが他の要素に合わせて整列されていますが、アスタリスクを入力テキストフィールドとインラインで表示するためにできることはありますか?field_requiredクラスに変更を加えますか？そうでない場合、私が変更しなければならないもの.formRight240.

HTML

<div class="rowElem noborder">
    <label>Customer ID:</label>
    <div class="formRight240">
        <span class="field_required"><input type="text" name="p_cust_id_c" id="req" class="validate[required,maxSize[30]]"/></span>
    </div>
    <div class="fix"></div>
</div>
4

1 に答える 1

0

この回答を確認してください。入力に :before または :after を追加することはできません。

解決策は、入力をスパンでラップすることです。

HTML

<span class="field_required"><input type="text" /><span>

CSS

.field_required input {
    display: inline;
    color: red;
} 
.field_required:after{ 
    content: "*";
}

デモ

于 2013-09-19T14:32:52.063 に答える