How to disable materialize input

Asked

Viewed 337 times

1

I realize that with Framework materialize as soon as I put an input it already stylizes by type. But I don’t want to use styling for input, like disabling?

html5 css3 front-end materialize

1 answer

1


I don’t think there is a way to disable a Property from your file.

What I recommend is:

  • If you imported the style sheet to your project, look for the input tag and remove all stylings;

  • Create your style sheet with your own stylings thus overwriting those of materialize.

If you choose the second one, one of the ways to take these stylizations previously set in css is: 

input {
  all: initial;
}

or, depending on what you want

input {
  all: unset;
}

The problem with this solution is that it is not very well accepted in all browsers, yet.

You can find more references on all at: https://developer.mozilla.org/en/docs/Web/CSS/all

  • The bad thing is that you have to keep using ! Import later

  • No friend, no need not. CSS is cascading, the rule that is applied after overrides the one that was applied before. O ! Important will only cause one rule to be applied independently of the others. Take advantage of this superscript CSS feature and avoid using the important ! as much as possible. Hug :)

Browser other questions tagged html5 css3 front-end materialize

You are not signed in. Login or sign up in order to post.