Bootstrap4でreadonlyフォームの背景色を変更したかった話

背景

テキストボックスを編集しようとしてフォームをクリックしたら
モーダルが出てきてそこから選ぶ方式とし、手動編集を許可しないようにしたかった。
しかし、Bootstrap4でフォームにreadonly属性を付けると自動的に背景色が灰色になってしまう。
灰色になっていると見た目的に編集不可に見えてしまうため、UX的によくない。
なんとかして灰色の背景をやめて普通のテキストボックスと同じ見た目にしたい。

ぐぐった

「bootstrap text readonly 灰色」
css書いて上書きしろって…？うそでしょ…？

結論

inputフォームにbg-whiteクラス付けたらできた。