목록의 목록 스타일 유형을 녹색 점으로 지정할 수 있습니까?

Question

목록의 목록 스타일 유형을 녹색 점으로 표시 할 수 있습니까?

내 제한 사항은 목록 스타일 이미지를 사용하고 싶지 않고 정렬되지 않은 목록의 HTML을 편집 할 수 없습니다. 확인이 밖으로 HTML을 여기 http://jsfiddle.net/naveen/MSTvs/

Answer 1

더 나은 렌더링을 얻으려면 글 머리 기호와 함께 naveen의 대답을 업데이트하십시오.

ul#mylist{ 
    list-style-type: square; 
} 
ul#mylist li:before{ 
    content: "•"; 
    margin-right: 10px; 
    font-weight: bold; 
    color: #00FF00; 
} 

코드에 특수 문자가 포함되어있어이 코드가 올바른지 궁금합니다.

앙투안

Answer 2

여기 :before

ul#mylist{ 
    list-style-type: square; 
} 
ul#mylist li:before{ 
    content: "."; 
    margin-right: 10px; 
    font-weight: bold; 
    color: #00FF00; 
} 

데모를 사용 못생긴 해킹

여기를 클릭하십시오 : http://jsfiddle.net/thilakar/yYkC4/

Answer 3

:

<ul> 
<li><span>1</span></li> 
<li><span>2</span></li> 
<li><span>3</span></li> 
</ul> 

CSS :

ul { 
margin:0px 0px 0px 20px; 
padding:0px; 
} 
ul li { 
color:green; 
} 
ul li span{ 
color:blue; 
} 

여기

Answer 4

당신은 HTML을 조작 할 jQuery를 사용하고자합니다. http://jsfiddle.net/jasongennaro/wTkQv/1/이

Answer 5

어쩌면 필자는 이것이 나의하여 세계에서 가장 똑똑한하지만,하지 :

HTML은 CSS 스크립트 예

$('#list li').each(function(){ 
    $(this).replaceWith('<li><span>' + $(this).text() + '</span></li>'); 
}); 

ul{margin:20px; list-style-type:disc; color:green;} 
li span{color:black;} 

<ul id="list"> 
    <li>One</li> 
    <li>Two</li> 
</ul> 

가정 이 문제에 대한 방법 :

<ul> 
<li><p style="color:#4ec3f4; float:left;">&bull;</p>tadam bss</li> 
</ul> 

• 아니 자바 스크립트,
• 없이 jQuery를,
• 없이 CSS 트릭/
• 는