Material-UI：Slider - 如何增加滑块/轨道的高度

Question

我正在尝试增加滑块组件滑块/轨道的高度。

我一直在尝试设置样式和sliderStyle，但还没有运气。

我正在查看代码，似乎不允许我们将css样式设置为该级别。

return (
  <div {...other} style={prepareStyles(Object.assign({}, style))}>
    <span>{description}</span>
    <span>{error}</span>
    <div
      style={prepareStyles(Object.assign({}, styles.slider, sliderStyle))}
      onFocus={this.handleFocus}
      onBlur={this.handleBlur}
      onMouseDown={this.handleMouseDown}
      onMouseEnter={this.handleMouseEnter}
      onMouseLeave={this.handleMouseLeave}
      onMouseUp={this.handleMouseUp}
      onTouchStart={this.handleTouchStart}
      onKeyDown={!disabled && this.handleKeyDown}
    >
      <div ref={(node) => this.track = node} style={prepareStyles(styles.track)}>
        <div style={prepareStyles(styles.filled)} />
        <div style={prepareStyles(styles.remaining)} />
        <div
          ref={(node) => this.handle = node}
          style={prepareStyles(handleStyles)}
          tabIndex={0}
        >
          {!disabled && !disableFocusRipple && (
            <FocusRipple
              style={rippleStyle}
              innerStyle={styles.rippleInner}
              show={(hovered || focused) && !active}
              color={styles.rippleColor.fill}
            />
          )}
        </div>
      </div>
    </div>
    <input
      type="hidden"
      name={name}
      value={value}
      required={required}
      min={min}
      max={max}
      step={step}
    />
  </div>
);

有什么想法吗？

谢谢，