I am using SVGs, and for some reason, the height is set to 289 px by the user agent stylesheet.I dont want to define the height, as I will be using many SVGs (like at least 256), and dont want to set different css rules manually for each of them by using \[code\]!important\[/code\].So how do I adjust the user stylesheet (using Chrome) or reset the height field for SVGs!, so that it is not defined?example SVG HTML: (SVG height is 25 px, yet the svg Bounding box renders to 289)\[code\]<div id="measure<%= measure.cid %>" class="measure"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <rect x="10" y="10" width="250" height="25" style="stroke:black; stroke-width:2; fill:lightgray;" /> <div id="<%= beatHolder %>"> </div> </svg> </div>\[/code\]
When trying \[code\]Alex W\[/code\]'s answer, I get this:
