Html Wordpress<；img>；样式放置在小部件中时被覆盖

我正在创建一个绘制条形码的WP小部件。当我把它放在管理页面上时，我可以生成一个工作正常的条形码（就像Hello Dolly！）

组成条形码的标签明确地设置了条和空间的高度和宽度，每个人都很高兴

当我将相同的插件代码应用到一个小部件时，宽度是单独保留的，但由于某种原因，高度被缩小了

结果是一个大约1像素高的条形码无法正确扫描。我感兴趣的是找出我的显式样式在小部件类中被重写的原因/方式

编辑：插件中包含的唯一css如下：

// We need some CSS to position the paragraph
function barcode_css() {
        $x = is_rtl() ? 'left' : 'right';

        echo "
        <style type='text/css'>
        #barcode {
                float: $x;
                padding-$x: 15px;
                padding-top: 5px;
                margin: 0;
                font-size: 11px;
        }
        </style>
        ";
}

//我们需要一些CSS来定位段落
函数条码_css（）{
$x=is_rtl（）？“左”：“右”；
回声“
#条形码{
浮动：x美元；
填充-$x:15px；
垫面：5px；
保证金：0；
字体大小：11px；
}
";
}

您是否尝试添加！对您的css重要吗？

它现在正在工作。我没有尝试显式设置高度和宽度的属性，而是根据以下答案使用内联CSS：

一旦我调整了我的小部件的php，它就开始工作了

---

我让它工作了。你的建议使我走上了正确的道路，但我不需要使用！重要的。我使用内联样式，而不是试图直接设置高度和宽度属性，并依靠css进行分类。这并不是这个问题的最佳答案。尽量避免

！重要信息

以您的风格，除非这是唯一可能的方式。请阅读：