You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为MudBlazor的MudTextField组件设置圆角?

MudBlazor TextField圆角不生效的解决办法

直接给<MudTextField>加rounded-xl/rounded-lg类没效果,是因为Outlined样式的TextField,组件的Class属性是加在最外层容器上的,而真正需要圆角的是内部的输入框元素。给你几个实用的解决方式:

  • 用InputClass参数(最推荐)
    MudBlazor组件专门提供了InputClass属性,用来给实际的输入元素添加CSS类,直接替换原来的Class就行:

    <MudTextField @bind-Value="TextValue" Label="Outlined" Variant="Variant.Outlined" InputClass="rounded-xl"></MudTextField>
    
  • 用CSS深度选择器自定义样式
    如果需要更灵活的样式控制,在组件的

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.13 23:30:49