如何删除边框box-shadow？

Question

所以我有这个'浮动卡'，它周围有一个盒子阴影。一方面我想要一个彩色边框。但是盒子阴影给出了额外的白色边框。我希望这个删除，但我不知道如何。我想保留盒子阴影。我尝试了几个方面，包括这个问题的答案。

CSS Box-Shadow adds arbitrary white border to Div

具体显示我想删除的内容：

蓝色左边的小白边。

这是一个JSFiddle和代码：

https://jsfiddle.net/pg5omtqq/

.floating-card {
  background-color: white;
  border-left: 5px solid blue;
  box-shadow: 0px 0px 10px grey;
  margin: 1.0em;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
}

<div class="floating-card">
  <h3 class="tile_title">Title</h3>
</div>

编辑：要清楚，我想保留盒子阴影。但是删除了小的白色边框。

Answer 1

添加到您的CSS

box-shadow: none;

Answer 2

这将删除左侧的阴影

 -webkit-box-shadow: 10px 2px 15px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: 10px 2px 15px 0px rgba(0,0,0,0.75);
  box-shadow: 10px 2px 15px 0px rgba(0,0,0,0.75);

您可以使用此生成器框阴影进行调整。 来源：https://www.cssmatic.com/box-shadow

Answer 3

使用下面的css删除左框阴影。

＆＃13;

＆＃13;

.floating-card{
  background-color: white;
  border-left: 5px solid blue;
  -webkit-box-shadow: 0px 0px 10px 0px grey;
    -moz-box-shadow: 0px 0px 10px 0px grey;
    box-shadow: 0px 0px 10px 0px grey;
  margin: 1.0em;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
}

＆＃13;

<div class="floating-card">
    <h3 class="tile_title">Title</h3>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 4

-webkit-box-shadow: 2px 1px 10px grey;
-moz-box-shadow: 2px 1px 10px grey;
box-shadow: 2px 1px 10px grey;