Bootstrap4のフォームに立体感をつける方法【備忘録】

動機

テーブルとフォームに対してBootstrapを適用させたが区別がつきにくかったので、陰をつけたら見やすいかなと思った。

変更前

変更後

書くコード

.form-control{
  -webkit-border-radius: 2px; 
  -moz-border-radius: 2px;
  -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);
  -o-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);
  -ms-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1);
}

まあサイトをInspectして、コピペしただけなんですけどね。w