使用带有 Material UI 的自定义主题在文本字段上指定悬停边框颜色

Posted 2023-02-22

【中文标题】使用带有 Material UI 的自定义主题在文本字段上指定悬停边框颜色

【英文标题】：Specifing a hover border color on a textfield using a custom theme with Material UI

【发布时间】：2019-03-25 17:50:22

【问题描述】：

找不到有关如何使用 Material ui 上的自定义主题更改悬停时轮廓文本字段的默认边框颜色的文档。

【参考方案1】：

MuiOutlinedInput: 
      root: 
        "&:hover:not($disabled):not($focused):not($error) $notchedOutline": 
          border: "2px solid",
          borderColor: "yellow"
        
      
    

Reference Example

【讨论】：

问题在于修改文本字段项的悬停效果。其他所有内容都有详细记录且易于更改。

我的例子不是你想要的？

不，在您的示例中，轮廓在悬停时不会改变颜色。

@user1506630 我使用notchedOutline 覆盖了默认颜色，默认为蓝色。好的，我的示例更新了关注焦点而不是悬停的大纲。对吧？

@user1506630 检查更新的答案，找到参考。