Javascript 如何在不使用的情况下覆盖primefaces组件内联样式！在css中重要吗？

我正在我的一个网页上使用primefaces组件

p:selectonemenu

。我正在尝试使用我自己的css（不使用

！important

）对其应用样式，但它没有从我自己的外部css文件中获取样式。它从某处获取了一些内联样式，但我不希望该组件具有那种内联样式。我希望它使用我自己的外部css文件的样式

我不是从这里得到这种内联风格来。这是来自任何javascript吗？我需要帮助，下面是我的代码

素数面代码

HTML解释代码

内联样式具有最大的“特殊性”，它们覆盖了所有适用的规则，因此您唯一的补救办法就是
！重要信息
（除非您可以以某种方式重写
样式
属性值）

编辑：很抱歉忽略了核心问题。因此，你的食谱如下：

插入


调试器；

在
的末尾，打开DevTools并加载页面

现在，进入DevTools调试器后，切换到“元素”面板，并找到接收内联样式的元素。现在还不应该

右键单击此元素，然后在关联菜单中选择
Break on…
|
属性修改
。现在，当
样式
属性值更改时，应该在相应的JavaScript行上断开。祝你好运

这是来自任何javascript吗

没错。此内联样式由
PrimeFaces.js
中的
PrimeFaces.widget.SelectOneMenu.initWidths
设置

无需
即可覆盖此选项的唯一方法！重要信息
是自己指定内联样式

<p:selectOneMenu ... style="width: 500px">



您还可以使用自定义JS文件覆盖
PrimeFaces.widget.SelectOneMenu.initWidths
，但这会影响所有
组件。
：这并不能回答我的问题。我想知道内联样式来自何处，以及是否有任何东西可以用来忽略特定组件的内联css
<div id="j_idt40" class="ui-selectonemenu ui-widget ui-state-default 
ui-corner-all ui-helper-clearfix" style="width: 190px;">

 <script>
   debugger;
 </script>

<p:selectOneMenu ... style="width: 500px">