如何隐藏WooCommerce后台新增订单页面订单时间中的@符号和冒号

你找不到对应类名和ID是因为@、冒号属于订单时间字段下的纯文本节点，没有被单独的HTML标签包裹，无法直接用CSS选中，可通过注入JS处理文本内容实现需求，你可以直接用下面的代码替换你现有代码即可：

add_action('admin_footer', 'hide_order_time_special_chars');
function hide_order_time_special_chars() {
    // 仅在新增/编辑订单页生效
    $screen = get_current_screen();
    if ( $screen->id !== 'shop_order' ) return;
    ?>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        const orderDateField = document.querySelector('.form-field-order_date label');
        if (orderDateField) {
            // 替换@和冒号，可根据需要调整替换规则
            orderDateField.innerHTML = orderDateField.innerHTML.replace(/@|:/g, '');
        }
    });
    </script>
    <?php
}

如果你只需要用CSS隐藏部分区域，也可以调整选择器精准定位，避免你原代码中直接隐藏所有div导致的后台显示异常：

add_action('admin_head', 'my_custom_style');
function my_custom_style() {
    $screen = get_current_screen();
    if ( $screen->id !== 'shop_order' ) return;
  echo '<style>
/* 可根据实际元素调整选择器，比如隐藏时间输入框区域 */
.form-field-order_date .time-input {display: none;}
  </style>';
}

将上述代码添加到当前使用主题的functions.php文件中，或者通过代码片段类插件插入即可生效。

内容的提问来源于stack exchange，提问作者caty topy