I am trying to edit a svg dynamically in html. I have read that I need to use a iframe tag to reference the svg code that is in the same root folder.
I have tried to set the svg file code to reference the local css file and that did not work.
I do not know what other information to include that might help clarify my problem.
<body>
<iframe src="./file.svg" class="svg" frameBorder="0"></iframe>
</body>
.svg {
fill: none;
stroke: black;
stroke-width: 2px;
stroke-linecap: round;
stroke-linejoin: round;
}