どうか宜しくお願い致します。

eccubeにて以下の様なinputであれば、ボックスに文字が入力され次第、ボックス内の色が自動的に変更されますが、その下のselectボックスでは値が選択されてもボックス内の色が変更されません。

<input type="text" name="name">

<select name="<!--{$key3}-->" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->" class="boxHarf top data-role-none">
<option value="">都道府県</option>
<!--{html_options options=$arrPref selected=$arrForm[$key3].value}-->
</select>

そこで、cssで以下の様な設定を試しているのですが、select選択後のボックス内の色を変更することができません。

common.css

select.boxHarf::selected {
background: #CCCCCC;
}

本ケースの様な場合、どの様にすればselectで値を選択後、そのボックス内の色を変更することができますでしょうか？

windows/ios/android
eccube 2.17
php7.4.3
mysql8.0