8

必須フィールドであることを示すラベルの前にアスタリスク記号を表示したいと考えています。以下は、ラベルのCSS IDコードです。

#label{
    float: left;
    height: 30px;
    padding-right: 4px;
    padding-top: 2px;
    position: relative;
    text-align: right;
    vertical-align: middle;
    width: 73px;
}

上記の出力は、*ラベルですが、次のようにしたい*ラベルありがとう

4

3 に答える 3

13

:before 疑似クラスを使用 

     .label:before{
     content:"*" ;
     color:red   
     }

または

    #req:before{
    content:"*" ;
    color:red    
    }
​

デモ更新

于 2012-10-31T08:36:39.417 に答える
4 
Simple approach is like this
<font color="red">*</font>UserName<input type="text" name="userID"/>

It will display the asterik.

編集

fontタグはHTML5 ではサポートされていません。代わりに CSS を使用してください。

フォントリンク

于 2013-11-30T05:25:28.130 に答える
0

HTML を見ないと、何が起こっているのかを知ることは困難です。white-spaceアスタリスクが #label と同じ要素にある場合、あまり知られていないプロパティを使用して問題を解決できると思います。を使ってみてくださいwhite-space: pre。

ここにいくつかの詳細情報があります: http://www.w3schools.com/cssref/pr_text_white-space.asp

于 2012-10-31T08:15:36.863 に答える