title: Materialize.css remove styling from input element
body: <p>I want to make Materialize.css cards editable on doubleclick. To do that I place input within card div, instead of p. </p>
  
  <pre><code>div.row
  each cards
    div.col.m4.s12
      div.card.teal
        div.card-content.white-text
          if openCard
            //input(type='text' value='#{text}')              
            textarea.materialize-textarea #{text}
          else                   
            p #{text}
  </code></pre>
  
  <p>problem is that input (and textarea) elements have extensive material design styling, including line underneath the input. In other occasions it looks very neat, but inside the card it is completely unnecessary. </p>
  
  <p>Is there a way how to remove styling from input element, so it would be usable in such double-click edit mode? </p>
  
  <p>Or maybe there are other solutions, how to do edit with double-click on card, that would not involve reuse of previously styled elements?</p>
  
  <p>p.s. I run it within Meteor, and there is Jade preprocessor. However, those facts should not affect neither the question, nor answer.</p>