CODEWITHSUNDEEP
asp.net-coreblazorblazor-server-side
user10324250
user10324250

Reputation:

Can some know how to customize blazor components of matblazor?

I want to customize the input field textbox height more minimal and its font style. I used matblazor component to my project. Can someone know how I can solve this problem from root CSS or something like that?

Upvotes: 1

Views: 4481

Answers (1)

ViRuSTriNiTy
ViRuSTriNiTy

Reputation: 5155

Just include an additional CSS file in the _Host.cshtml like

...
<head>
  ...
  <link rel="stylesheet" href="my-custom-matblazor-styles.css" />
</head>

or in your .razor file like this

<link rel="stylesheet" href="my-custom-matblazor-styles.css" />

to override the CSS rules of MatBlazor.

I would favor the latter as you need the CSS file only when you are actually using a MatBlazor component on a page.

Do not mangle with the original CSS files as it will result in a complete chaos when a new version of MatBlazor is released.

Upvotes: 4

Related Questions