css - 如何更改 css 样式并将动态样式添加到 Vuesax vs-input？

Question

我在我的 VueJS 项目中使用“ vuesax ”：“3.11.1”。

我找不到改变 vs-input 禁用输入边框的方法。

<vs-input
  class="w-5/12 pr-5"
  disabled
  type="text"
  :placeHolder="timeConvert(info.delay_secs)"
  :style="getDelayColor(info.status_color)"
  label="Advance / Late"
/>

我尝试应用内style="border: 1px solid #ff0000;"联样式（随附的）。

检查它看起来是的 html vs-inputx vs-input--input normal，但是如果我尝试将 css 样式添加到此类，它就不起作用。

向它添加动态样式的问题相同，使用:style并将函数传递给它（通常的 Vue 方式 - 它也可以写为:style="`color: ${info.status_color};`"）。如果我将它应用于 vs-input 它没有效果。我不知道如何定位其中的元素（附图中的绿色元素），因为它不在模板中。

有没有 Vuesax 库的专家？

提前致谢