如何阻止色调更改图像边框颜色Javascript

我目前正在制作一个程序，允许您随意更改图像属性。每当我改变图像色调时，它也会改变图像边框颜色（如果有）。有没有办法避免这种情况，并将边框颜色保持为设置的颜色？我没有真正尝试过任何东西，因为互联网上没有任何东西，我也不知道如何解决这个问题。

您可以将图像包装在一个相同大小的容器中。将过滤器应用于此容器内的元素，并在容器上设置边框

.集装箱{ 边框：16px纯红； 宽度：256px； 高度：256px； } .集装箱img{ 滤光片：色调旋转90度； -webkit过滤器：色调旋转90度； }

---

问题是我正在使用javascript/html设置边框颜色、宽度、图像高度、宽度等的值。。所以我不能一开始就把它设为一个值，而不知道输入是什么。我如何才能将这些数据传输到CSS文件中，或者执行一些可以复制这些数据的操作？@Cyrillic我问题中的所有值都可以通过JavaScript进行更改，例如document.documentQuerySelector'.container>img'.style.filter='hue-rotate45 deg'。更改这些值中的任何一个都将保持边界不变。我仍然遇到同样的问题。我上传了我的图像，将图像高度和宽度设置为256像素，当我处理图像时，没有激活色调旋转过滤器。我还尝试使用document.QuerySelector'.container>img'.style.borderColor=varBorderColor；我将所有内容都移动到了.container img{}，因为所有的数据都在部分中，以改变边框颜色，这似乎只是删除了边框，而且它仍然受到色调的影响。