覆盖框阴影变量仅与！important标志一起使用

Question

我想从我的主题中删除所有盒子阴影。可以使用以下代码：

$btn-active-box-shadow: none !important;
$input-box-shadow: none !important;
$input-btn-focus-box-shadow: none !important;

没有重要标志，则不起作用。

我的导入是：

// Override Boostrap variables
@import "variables";

// Import Bootstrap source files
@import "node_modules/bootstrap/scss/bootstrap";

我的导入内容：

* KM Websolutions Projects
* @link http://www.yiiframework.com/
* @copyright Copyright (c) 2010 KM Websolutions
* @license http://www.yiiframework.com/license/
*/
// Override bootstrap variables
/* stylelint-disable */
$font-size-base:              1rem; // Assumes the browser default, typically `16px`
$font-size-lg:                ($font-size-base * 1.25);
$font-size-md:                ($font-size-base * .875);
$font-size-sm:                ($font-size-base * .8);

$btn-active-box-shadow: none !important;
$input-box-shadow: none !important;
$input-btn-focus-box-shadow: none !important;

// Own variables
$smartgreen: #8bc906;
$facebookblue: #4267b2;
/* stylelint-enable */