<p>嗨，我在更改MUI文本字段中的文本标签颜色方面遇到了问题。我已经成功自定义了边框颜色和悬停状态（包括标签），只是在非悬停状态下无法更改标签颜色。我尝试了在DOM中找到的各种类名（包括MuiInputBase-input），就像我在其他地方做的那样，但都没有成功。我还尝试了inputProps，但也没有任何效果。以下是我的代码：</p> <pre class="brush:php;toolbar:false;">&lt;TextField className=&quot;w-full my-2 &quot; id=&quot;outlined-basic&quot; label=&quot;Distance (miles)&quot; inputProps={{ sx: {color: '#F1F4F9'} }} &lt;- 这没有任何效果 variant=&quot;outlined&quot; onChange={(e) =&gt; {setSearchParams({...searchParams, dist: e.target.value})} } sx={{ // 聚焦时的边框颜色 &quot;&amp;&amp; .Mui-focused .MuiOutlinedInput-notchedOutline&quot;: { border: &quot;1px solid #3B82F6&quot;, }, // 聚焦时的标签颜色 &quot;&amp; .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root.Mui-focused&quot;: { color: &quot;#3B82F6&quot;, }, // 正常状态下的边框颜色 &quot;&amp; .MuiOutlinedInput-notchedOutline&quot;: { border: &quot;1px solid #F1F4F9&quot;, }, // 正常状态下的标签颜色 - &lt;- 没有任何效果 &quot;&amp; .MuiInputBase-root-MuiOutlinedInput-root&quot;: { color: &quot;#F1F4F9&quot; }, }} /&gt;</pre>

<TextField
      className="w-full my-2 "
      id="outlined-basic"
      label="距离（英里）"
      InputLabelProps={{
        sx: { color: "red", "&.Mui-focused": { color: "green" } },
      }}
      variant="outlined"
    />