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

Question

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

组成条形码的标签明确设置了条形和空格的高度和宽度，大家都很高兴。

当我将相同的插件代码应用于小部件时，宽度保持不变，但由于某种原因，高度按比例缩小了。

结果是一个大约 1 像素高的条形码，扫描不正确。我有兴趣找出为什么/如何在小部件中覆盖我的显式样式 class。

编辑：插件中包含的唯一 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 ：

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

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

Wordpress <img> style is being overridden when placed in widget

html

css

wordpress

barcode

barcode-printing