timepicker CSS问题与溢出

时间:2018-11-14 14:59:40

标签: css

我正在使用antd Datepicker和Timepicker(反应),但遇到以下问题, 我无法从下拉选择器中隐藏溢出内容。它的空白空间太大,以至于对用户都不友好

这是我的代码,也许您可​​以以某种方式帮助我设置溢出

            <FormGroup className="timeInput">
                      <TimePicker

                      />
                    </div>

和我的CSS:

   .noBorder input {
      overflow: hidden;
    }

    .timeInput{
  overflow: hidden;
 }

1 个答案:

答案 0 :(得分:0)

通过溢出,您是指向下滚动到底部时数字列表之后的空白吗?

.ant-time-picker-panel-select ul 是CSS的类和元素标识符。 将下面的代码写到您的css文件中,将为您带来所需的效果。请注意,这将影响所有有权使用您自己的样式的时间选择器

.ant-time-picker-panel-select ul
{
 padding: 0px;
} 

Snippet of the padding-bottom:160px on the element