删除实物化中的默认输入样式

Question

我想删除实体化中的输入样式。像Jquerymobile一样，我可以用data-role="none"删除样式，如何在Materialize中完成。我想制作一个简单的搜索框，但我很担心默认样式。

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>