CODEWITHSUNDEEP
jquerycssjquery-mobilehtml-lists
gsamaras
gsamaras

Reputation: 73444

Remove dot after line in ol

I found many answers, but none of them worked in my case. Here is my jsfiddle. How to remove the dots?

Here is the basis of all of my attempts:

ol {
    counter-reset: item;
    display: inline-block;
    list-style-type: none;
}

Upvotes: 1

Views: 249

Answers (1)

Roko C. Buljan
Roko C. Buljan

Reputation: 206565

jsFiddle

Change the line in jQuery mobile css where it says:

content: counter(listnumbering) ".";

to

content: counter(listnumbering);

or simply override the UI mobile styles adding:

ol.ui-listview>li>.ui-btn:first-child:before,
ol.ui-listview>li.ui-li-static:before,
ol.ui-listview>li.ui-field-contain>label:before,
ol.ui-listview>li.ui-field-contain>.ui-controlgroup-label:before{
    content: counter(listnumbering) !important;
}

Upvotes: 5

Related Questions