我正在像這樣加載我的 Bootstrap 5 sass：
@import '_partials/bs_var_overrides';
@import 'node_modules/bootstrap/scss/bootstrap';
在bs_var_overrides我只是這樣做：
$green: #00ff00;
這自然會改變$primary: $green 我想要的 bs var 默認值。
但是，在我的btn-success按鈕中，它還將文本顏色從白色更改為黑色，我試圖理解為什么（？）
uj5u.com熱心網友回復：
white to black由于陰影顏色功能，例如：
@function shade-color($color, $percentage) {
@return mix(black, $color, $percentage);
}
有用的鏈接：
getbootstrap.com/docs/5.2/components/buttons/#variables
https://codepen.io/raeesh/pen/OJQmxrj
-------------------- --------
bs_var_overrides.scss檔案
$green: #00ff00;
$初級：$綠色；
Style.scss檔案
@import '_partials/bs_var_overrides';
@import 'node_modules/bootstrap/scss/bootstrap';
/* 如果你想要 btn-success 顏色應該是白色*/
.btn-success {
--bs-btn-color: var(--bs-white);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/485901.html