How can I solve the problem of copy/pasting the CSS property and value in inspect element both Chrome and Brave?

Question

I recently try to Copy and Paste CSS code and this occurred this a simple copy Ctrl+c

and this is a simple paste Ctrl+v

but the result looks like this:

is there any way to prevent this and have simple Ctrl+c and Ctrl+v?

Answer 1

use 'copy all declarations' or 'copy rule' in inspect element until they fix this issue.

copy rule: it would copy selectors + properties + values

copy all declarations: it would copy properties + values not selectors

simple copy result:

---

But with copy all declarations or copy rule:

result:

Answer 2

For chrome:-

As long as you can get focus in the Styles pane, you can use Ctrl + A to select all, then Ctrl + C to copy as usual.

I find it's easiest to click in the bottom-right corner of one of the listed styles to avoid giving focus to a rule in the style (which would prevent you from selecting more than that rule). See the red circle in the picture below to see where I normally click. Admittedly it will usually take a few attempts; just keep trying to select all and adjusting where you click until it works.

And for brave:-

Go to inspect than selete what you need than ctrl + c than past it on your editor using ctrl + p