如何在標籤開始前顯示星號，當標籤具有固定寬度時

我想在標籤之前顯示星號，表明它是必填字段。以下是標籤我的CSS的ID碼，如何在標籤開始前顯示星號，當標籤具有固定寬度時

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

輸出上面， *標籤但我希望它像， *標籤感謝

來源

2012-10-31 Prasad

安置自己的HTML代碼 –

使用：before僞類

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

或者

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

DEMO Updated

來源

2012-10-31 08:36:39 Sowmya

感謝，但如果我想這個星號加起來也只有選定的標籤即

txt

– Prasad

檢查更新的答案 – Sowmya

我只想補充一點，'：before'是一個CSS2僞元素，而不是僞類。另外，正如我們在2017年一樣，CSS3增加了雙冒號來區分僞類和僞類。這意味着這是CSS3中的':: before'。：o） – agrm

在沒有看到HTML很難爲我們知道發生了什麼。如果星號與#label在相同的元素中，我懷疑你將能夠使用鮮爲人知的white-space屬性來解決你的問題。嘗試使用white-space: pre。

下面是更多的一些信息： http://www.w3schools.com/cssref/pr_text_white-space.asp

來源

2012-10-31 08:15:36

從來不推薦w3schools.com看到http://w3fools.com/ – freebird

Simple approach is like this 
<font color="red">*</font>UserName<input type="text" name="userID"/> 

It will display the asterik.

編輯

的字體標籤在HTML5不支持。改用CSS。

font link

來源

2013-11-30 05:25:28

已棄用，不應再使用字體 –

@MohamadZein謝謝..不知道，HTML5中不支持字體標籤。 –

如何在標籤開始前顯示星號，當標籤具有固定寬度時

回答

相關問題