input不兼容flex布局，无法设置宽度？

之前以为是max-length的问题，后来调到9999也是不行。

/* 输入框样式 */
.preview-comment-area {
  background-color: #eee;
  height: 50rpx;
  border-radius: 5rpx;
  display: flex;
  align-items: center;
  padding-left: 10rpx;
  flex: 1;
}

/* 按钮样式 */
.preview-comment-btn {
  font-size: 25rpx;
  width: 60rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;

}