-1

Bootstrap 框架使用简短的语法来定义box-shadowfor div.form-control:focus：

.form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

逗号前的部分是什么？逗号后面的部分定义了阴影的外观，但是前面的部分呢？我在哪里可以找到有关此的更多信息？

在谷歌上搜索这个我在 w3schools 上找到了一个页面，但它似乎只解释了逗号后面的部分，而我之前不理解这部分。

4

1 回答 1

0

他们在一个语句中使用了两个不同的盒子阴影。另一个是插入边框，它在元素内部而不是外部。

查看这篇 CSS-Tricks 文章，了解有关框阴影的更多信息

于 2015-12-02T18:24:43.733 回答