Avoid the li tag symbol from being copied

Question

I'm new here so I'll try to explain what I want. (and also sorry if this is a stupid question)

I made a html webpage containing some information listed (servers name) with tags (unordered list), and some colleagues are complaining because when they copy the server name and paste it on linux command prompt, the symbol appears behind.

So, my question is: Is there any way to avoid the symbol from being copied when they make a copy/paste of the name?

Best Regards.

Tell them to change there browser/os. Or copy one line at a time. Style should not be copied that is just annoying or it should be a preference set to false by default. — mathk, Jan 16 '15 at 09:09
@mathk that's really annoying yes, but I have to change it, so next time I won't be annoyed again. — Manolo, Jan 16 '15 at 09:18

score 0 · Answer 1 · answered Jan 16 '15 at 09:03

0

I think this should do the trick

HTML

<ul class="list_1">
    <li>1</li>
    <li>2</li>
<ul>

CSS

.list_1
{
    list-style-type:none;
}

answered Jan 16 '15 at 09:03

Jaay

2,103
1
16
34

that's good, but I would prefer that the image stayed there so the info could be "marked" as different from the others. – Manolo Jan 16 '15 at 09:16

score -1 · Accepted Answer · edited May 23 '17 at 10:27

You could try setting a css rule like this:

ul li {
    list-style-image: url(http//example.com/bulletpoint.jpg);
}

to replace the default text bullet point. That way when copying the text the image wont get copied.

Another option is making the bullet points unselectable see this question, for good information on how to do that. The CSS selector you would use would probably have to be 'ul' (to disable), followed by 'ul li' to re-enable selection of the useful text.

Avoid the li tag symbol from being copied

2 Answers2