html css怎样控制 type="datetime-local" 的时间选择器的样式，

html css怎样控制 type="datetime-local" 的时间选择器的样式，现在的样式如下：
时间显示的不全

代码如下

<input  class="tx1" id="input4"  type="datetime-local"  size="20" maxlength="30" value="">

你把弹框变宽不就行了

为什么 我的input 张这个样子 和你不一样 你还有别的css吗 贴出来 给你看看

<style>
  .tx1::-webkit-datetime-edit-fields-wrapper {
    width: 200px; /* 设置弹框宽度 */
  }

  .tx1::-webkit-inner-spin-button,
  .tx1::-webkit-calendar-picker-indicator {
    display: none; /* 隐藏微调按钮和日期选择器图标 */
  }
</style>

<input class="tx1" id="input4" type="datetime-local" size="20" maxlength="30" value="">