Materializeのデフォルトの入力スタイリングを削除します

Question

Materializeで入力スタイリングを削除します。 Jquerymobileのように、私はdata-role="none"でスタイリングを取り除くことができます。私は簡単な検索ボックスを作ってみたいが、デフォルトのスタイリングでは困っている。

Answer 1

入力されたテキストのためのこの作品の罰金：

<style type="text/css"> 

    .MyDiv input[type=text]:not(.browser-default){ 
    padding: 1% 6%; 
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    border:1px solid #BEBEBE; 
    -webkit-transition: all 0.30s ease-in-out; 
    -moz-transition: all 0.30s ease-in-out; 
    -ms-transition: all 0.30s ease-in-out; 
    -o-transition: all 0.30s ease-in-out; 
    outline: none; 
    height: 33px; 
} 

.MyDiv input[type=text]:not(.browser-default):focus:not([readonly]){ 
      -moz-box-shadow: 0 0 8px #88D5E9; 
    -webkit-box-shadow: 0 0 8px #88D5E9; 
    box-shadow: 0 0 8px #88D5E9; 
    border: 1px solid #88D5E9; 
} 
</style> 


<div class="MyDiv"> 
    <input type="text" name="username"> 
</div>