放置在窗口小部件中时，将覆盖Wordpress <img/>样式

Question

我正在创建一个绘制条形码的WP Widget。当我将它放在管理页面上时，我可以生成一个可以正常工作的条形码（例如，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>
        ";
}

Answer 1

您是否尝试过将！important添加到您的CSS中？

Answer 2

现在正在运作。我根据这个答案使用了内联CSS，而不是尝试显式设置高度和宽度的属性： https://stackoverflow.com/a/15000373/769938

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