title: In Chrome, how can you disable the new size dropdown when you click on a size (e.g. font-size: 20px)
body: <p>A recent update of Chrome must have added the feature of selecting units via a dropdown in Inspector when you click on the value.</p>
  <p>This behaviour, for me, causes issues and I would like to disable it. The issues it produces for me are:</p>
  <ol>
  <li>Clicking on the value to adjust the amount (e.g. change 20px to 18px) shows the dropdown selector to change units. I do not use mouse wheel scrolling to change it as its not accurate enough, too sensitive.</li>
  <li>To be able to change the value, I have to click on the left edge of the number and it seems tricky to select and takes me longer to code</li>
  <li>When I now copy and paste the CSS from Inspector into my code, it adds line breaks after the value and semi-colon, I assume due to the dropdown being there. I have to then manually remove the line breaks.</li>
  </ol>
  <p>This is how copy and paste ends up:</p>
  <pre><code>.question-summary h3, .question-summary .result-link {
      margin-bottom: 4
  px
  ;
      font-size: 1.15384615rem;
      line-height: 1.3;
  }
  </code></pre>
  <p>Thanks</p>
  <p><a href="https://i.stack.imgur.com/ihnWE.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ihnWE.jpg" alt="enter image description here" /></a></p>