无法删除Material-ui TextField边距

Question

使用样式组件和内联样式，我无法删除material-ui的TextField组件周围的填充。有任何想法吗？内联宽度虽然有效（样式组件宽度不起作用）。

示例：

代码：

const StyledSelect = styled(SelectField)`
  margin:0;
  input {
    margin:0;
  }
`;
const StyledText = styled(TextField) `
  margin:0;
  input {
    margin:0;
  }
`;
return (
  <div>
    <StyledText
      type="number"
      floatingLabelText={this.props.title}
      onChange={this.handleAmtChange}
      value={this.state.amount}
      style={{ width: '100px', margin: '0px', input: { margin: 0 } }}
      min={0}
    />
    <StyledSelect
      floatingLabelText="Unit"
      onChange={this.handleUnitChange}
      value={this.state.unit}
      style={{ width: '100px', margin: '0px' }}
    >
      <MenuItem 
        value={0} 
        primaryText={"In"} 
      />
    </StyledSelect>
  </div>
);

更新

我最初使用的是材料-ui 0.X，但更新为1.0.0-beta.26。这个问题有点好，但仍然非常引人注目。有什么想法吗？

Answer 1

试试这个：

对于我的特定问题和代码，我将style={{marginTop: '-20px'}}添加到TextField：

<TextField style={{marginTop: '-20px'}}/>

因此，对于您的示例，我认为您需要将marginTop: '-20px'添加到“StyledText”style={{部分。使用负marginTop值进行游戏，直到你做对了。要准确找到您需要的内容，请在Google Chrome中右键单击您感兴趣的区域，然后转到“检查”以查看其代码。使你的负marginTop值大到足以否定任何正值使其变得混乱。

我第一次提到这一点：https://github.com/TeamWertarbyte/material-ui-chip-input/issues/91#issuecomment-394498826

Answer 2

尝试一下：

function_constant