我有一个简单的搜索图标作为我正在使用的SVG，但是由于某种原因，当我加载网页时，尽管CSS和SVG本身的样式有24x24锁定，但它仍然很大。
它散开并占据整个页面，直到所有内容都加载完毕，然后捕捉到正常的24x24尺寸。看起来绝对荒谬，我知道我必须做错了什么。有任何想法吗？
SVG：
<svg style="position: absolute; width: 0; height: 0;" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-search" class="icon" viewBox="0 0 24 24">
<title>search</title>
<circle class="st0" cx="9.3" cy="9.2" r="8.6" />
<line class="st1" x1="15.3" y1="15.4" x2="23.3" y2="23.4" />
</symbol>
</defs>
HTML：
<div class="searchContainer">
<div class="search">
<input class="image" type="image" src="images/search.svg"><input class="text" type="text" onfocus="if(this.value == 'Search') { this.value = ''; }" value="Search" onblur="if (this.value == '') { this.value = 'Search'; }">
</div><!-- /search …我有一个文件上传字段，我们仅限于我们允许的某些类型的文件。但是，我们最近需要将 .dcm 文件类型添加到此限额中。我发现似乎与这些文件（应用程序/dicom）连接的 MIME 类型不允许文件浏览来选取此文件类型。
有没有人有幸将这种特定的文件类型添加到他们的文件上传中？
编辑： *.dcm、image/dcm、image/x-dicom 和任何类似的 MIME 类型等尝试也未证明允许此特定文件扩展名。