Css Woocommerce：如何使Woocommerce\u表单\u字段内联块

有一个用于添加自定义字段的命令，但似乎需要添加块元素：

        echo '<p> Medium Size - 70 PHP';

                woocommerce_form_field( 'mediumBagCount', array(
        'type'          => 'select',
        'class'         => array( 'wps-drop' ),
        'label'         => __( 'Packge Type' ),
        'options'       => array(
            '0'     => __( '0', 'wps' ),
            '1'     => __( '1', 'wps' ),
            '2'     => __( '2', 'wps' ),
        )
 ),
                           $checkout->get_value( 'mediumBagCount' ));
    echo '</p>';

echo'Medium Size-70 PHP'；
woocommerce_表单_字段（'MediumbaCount'，数组(
'类型'=>'选择'，
'class'=>数组（'wps drop'），
“标签”=>“（“包装类型”），
“选项”=>数组(
“0”=>uu（'0'，'wps'），
“1”=>u uu（'1'，'wps'），
“2”=>_uuuuuuuuuuu（'2'，'wps'），
)
),
$checkout->get_值（'mediumbaccount'）；
回声“
”；

我试图将其包装在段落标记中，但它仍然需要一个新行：

---

有人知道如何强制该字段位于其段落旁边吗？

这是因为woocommerce添加了

display:block

使用class

表单行签出字段标签

。同时选择类

表单行中的字段
应用于全宽

您可以将以下css添加到主题自定义css中，或者编写一个函数并将其挂接到
wp\u footer

.wps-drop.form-row label{
    display: inline-block;
}

.wps-drop.form-row select{
    width: auto;
}

或者你可以使用

function custom_style(){
    ?>
    <style type="text/css">
.wps-drop.form-row label{
    display: inline-block;
}

.wps-drop.form-row select{
    width: auto;
}
    </style>
    <?php
}
add_action('wp_footer', 'custom_style');

函数自定义_样式（）{
?>
.wps-drop.form-row标签{
显示：内联块；
}
.wps-drop.form-row选择{
宽度：自动；
}
感谢mate，我的服务器似乎正在缓存我的css，因此我无法更新那里的任何内容（我禁用了缓存插件），因此我必须找到另一种方法。无论如何，谢谢！您可以使用wp_footer hook并向php添加样式。请参阅UpdateEyes感谢mate，我必须从css中删除标签并将其标记为重要。非常感谢！