Is it possible to change the height of the selection in an input?

Question

css

Is it possible and how to change the height of the text selection (yellow) using css?
Or just change the height of the characters directly in the font (adding white space above and below)?

Answer 1

Unfortunately, when calculating the dimensions of the ::selection pseudo-element, the line-height-to-font-size ratio hardwired into the font is taken into account.
You can change the line-height to your heart's content, but nothing will change for this pseudo-element. The only rules available are color , background-color , in most modern browsers text-shadow .
Apparently, there is still no consensus on the selected fragment, because even in the specification section 7.3 is left empty

This section intentionally left blank. (This section previously defined a ::selection pseudo-element.)