У меня проблема с Firefox. Есть несколько строк вроде этого:

{amp}lt;p id="rec_2" class="logMess errorMess"{amp}gt;test{amp}lt;/p{amp}gt; {amp}lt;p id="rec_3" class="logMess errorMess"{amp}gt;test{amp}lt;/p{amp}gt; {amp}lt;p id="rec_4" class="logMess errorMess"{amp}gt;test{amp}lt;/p{amp}gt; 

CSS:

  .logMess { color:#000; padding: 4px 2px 2px 3px; min-width: 100%; line-height: 18px !important; } .errorMess { color:#fff !important; background:rgb(163,0,0) !important; } 

И позже, когда я пытаюсь скопировать текст, я получаю:

 test test test 

Но я хочу что-то вроде этого, и у меня нет возможности использовать какие-либо рамки или что-то вроде этого:

 test test test 

Благодарю.

Проблема в копировании события с помощью webkit и других. Это не о CSS .

Попробуйте отловить copy-event и отформатировать его.

 document.addEventListener('copy', (event) ={amp}gt; { const toCopy = document.getSelection().toString(); console.log(toCopy); let toPaste = ""; $(toCopy.split('n')).each(function(i,v){ if (v.length {amp}gt; 0) { if (toPaste != "") { toPaste  = 'n'; } toPaste  = v; } }); event.clipboardData.setData('text/plain', toPaste); event.preventDefault(); }); 

https://codepen.io/mike-polo/pen/WNbNGvR

В вашем CSS- файле добавьте margin:0 и padding:0 для ваших p элементов. Это избавит от этой проблемы.

Я создал демо jsFiddle здесь: http://jsfiddle.net/kb3gN/6490/