Why does filled input have rounded top corners but square bottom corners? #17890
Answered
by
yusufkandemir
ivanjaros
asked this question in
General - Components / Directives / etc
-
and how can I make them all rounded or all square? I do not see scss variables that configure this. |
Beta Was this translation helpful? Give feedback.
Answered by
yusufkandemir
Mar 8, 2025
Replies: 1 comment 1 reply
-
It is following the Material Design definition. So, it's not configurable through props or SCSS variables.
You can use CSS to globally override the styles or give a class to the input fields you want to override. |
Beta Was this translation helpful? Give feedback.
1 reply
Answer selected by
ivanjaros
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
It is following the Material Design definition. So, it's not configurable through props or SCSS variables.
https://m2.material.io/components/text-fields#anatomy
You can use CSS to globally override the styles or give a class to the input fields you want to override.