マテリアライズするCSSフォームがボックスに囲まれていないのはなぜですか？

Question

マテリアライズCSSのブートストラップ4 http://v4-alpha.getbootstrap.com/components/forms/のようなフォームを作成するにはどうすればいいですか？以下は、入力フィールドの下線のみを示し、包含するボックスの下線を示していませんか？

<input placeholder="Placeholder" id="first_name" type="text" class="validate"> 
     <label for="first_name">First Name</label> 
    </div> 

Answer 1

「！important」を使用して、マテリアライズCSSスタイルを上書きできます。
私は与えられたマークアップを使って同じことを示すためにCodePenを作った。 （https://codepen.io/anon/pen/yzVXWN）
これをテストするために、私はCodePenにMaterialize CSSスタイルシートを含めました。あなたが開口部と、このような頭の中<style>タグ を閉じる間にCSSをコピーして貼り付けることができ
：

<style> 
#first_name{ 
    display: block!important; 
    width: auto !important; 
    padding: .5rem!important; 
    border: 1px solid rgb(0,0,0); 
    transition: all 1s; 
    border-radius: .25rem!important; 
    box-shadow: none; 
} 

#first_name:focus{ 
    border-color: blue!important; 
} 
label{ 
    color:#9e9e9e!important; 
} 
</style> 

希望、これは大きな助けです:)