Css 反应窗体挂钩：使选择器再次等宽

这是我试图使用React表单挂钩和材质ui制作的表单的一个示例。代码位于components\execute文件夹下的CreateEmployee.tsx文件中。用户界面截图如下

我正在努力使：

选择器背景色：aqua表示性别和名称 宽度相等。 “提交”按钮稍微大一点，更突出 字体。 但我无法用我有限的css知识做到这一点。有人能帮忙吗

以下是如何使选定元素具有相同的宽度：

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=anythingyouwantobutton元素，并在css输入[type=submit]中进行更改。anythingyouwant

将为按钮添加样式简短谢谢！最小宽度部分工作得很好。关于如何增加提交按钮的高度有什么想法吗？像高度：200px这样的东西不起作用。你能再检查一下吗？因为高度：200px；应该有用。只需确保您将此样式应用于按钮，而不是divsubmit buttonYeah，只有当我添加背景色时，提交按钮才会更改其外观，否则，它根本不会更改！Idk，改变高度对我很有用。无论如何，您的应用程序中已有的签出按钮：[按钮]。使用按钮组件可以避免编写自己的css