@
@
@microcoder2018-03-06 16:59:26
css
@microcoder, 2018-03-06 16:59:26

How to change CSS style of Youtube.com comment element?

In the current design of youtube pages, a comment, if you try to select (click) it, acquires a bulging text edging. This wrecking thing greatly complicates reading.
What did I try to do?
* I played around with CSS styles in the developer tool in the Google Chrome browser - nothing happened, it's not clear where this style was sewn up or maybe it's somewhere in JS that the CSS changes to the event. In general, it was not possible to catch this event. Disabled all styles on the page, still this thing has not disappeared, the border appears when you click on the comment. I can't even imagine how to catch it in the browser.
* Installed all sorts of plug-ins, such as Stylish and the like. Did not help.
Dear user, tell me how to remove this border style from the page?

Answer the question

In order to leave comments, you need to log in

1 answer(s)
S
Stepan Krapivin, 2018-03-06
_

With the help of Stylish, this edging is easily removed.
This border is called this outlineis the standard browser style of the element in focus, you need to hang the style on the element with focus (:focus)
Something like

.ytd-comment-renderer:focus {
  outline: none;
}

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question