jak wyświetlić znak gwiazdki przed rozpoczęciem etykiety, gdy etykieta ma stałą szerokość

Chcę pokazać gwiazdkę przed moją etykietą wskazującą, że jest to pole obowiązkowe. Poniżej znajduje mój css kod id na etykiecie,jak wyświetlić znak gwiazdki przed rozpoczęciem etykiety, gdy etykieta ma stałą szerokość

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

wyjście powyżej, * Etykieta ale chcę być taki jak, * Etykieta Dzięki

Źródło

2012-10-31 Prasad

postu kod HTML –

Zastosowanie: przed klasą pseudo

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

Albo

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

DEMO Updated

Źródło

2012-10-31 08:36:39 Sowmya

dzięki ale co jeśli chcę, aby dodać gwiazdkę do tylko wybranych etykiet tj

txt

– Prasad

sprawdzić zaktualizowaną odpowiedź – Sowmya

Chciałbym tylko dodać, że ': before' to pseudo element CSS2, a nie pseudo klasa. Ponadto, podobnie jak w roku 2017, CSS3 dodał podwójne dwukropki, aby odróżnić pseudoelementy od pseudo klas. Co oznacza, że jest to ':: before' w CSS3. : o) – agrm

nie widząc HTML trudno jest żebyśmy wiedzieli, co się dzieje. Podejrzewam, że będziesz w stanie rozwiązać swój problem, używając mało znanej właściwości white-space, jeśli gwiazdka znajduje się w tym samym elemencie co #label. Spróbuj użyć white-space: pre.

Oto więcej informacji: http://www.w3schools.com/cssref/pr_text_white-space.asp

Źródło

2012-10-31 08:15:36

Nigdy nie polecam w3schools.com zobaczyć http://w3fools.com/ – freebird

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

It will display the asterik.

Edit

czcionki tag nie jest obsługiwana w HTML5. Zamiast tego użyj CSS.

font link

Źródło

2013-11-30 05:25:28

przestarzałe, nie powinno już używać czcionki –

@MohamadZein dzięki .. nie wiedział, nie jest obsługiwany w HTML5. –

jak wyświetlić znak gwiazdki przed rozpoczęciem etykiety, gdy etykieta ma stałą szerokość

Odpowiedz

Powiązane problemy