React Form Hook：再次使选择器的宽度相等

Question

这里是此表单的link to codesandbox，我正在尝试使用React表单钩子和材质ui。代码位于CreateEmployee.tsx文件夹下的components\execute文件中。 UI屏幕截图如下。

我正在尝试：

1. 用于性别和名称的选择器（背景色：浅绿色）应为等宽。
2. [Submit]按钮更大一点，更突出字体。

但是由于我有限的CSS知识，我无法这样做。有人可以帮忙吗？

Answer 1

这是使select元素具有相同宽度的方法：

select[name="Gender"],
select[name="Designation"] {
  min-width: 150px;
}

这里是如何使用select元素将行分成50％：

.form-label-group label {
  background-color: yellow;
  width: 50%;
}

提交按钮：

input[type=submit] {
  width: 100px;
  font-size: 1.25em;
}

关于提交按钮，最好在按钮元素上添加className="anythingyouwant"并将（Css中的input[type=submit]更改为.anythingyouwant] >>