どうしたらいいですか？

Question

私の選択した入力にselect：focusが影響を与えないようにしたいとき、入力が開かれる前の状態（8px border-radiusで入力）に戻るように、開かれていないときにフォーカスします。

この画像では、左側は選択を開き、右側は選択を開いた後です。

これは私のCSSです：

select 
{ 
height: 42px; 
cursor: pointer; 
text-align-last:center; 
border-radius: 8px 8px 8px 8px; 
} 
select:focus 
{ 
border-radius: 8px 8px 0px 0px; 
} 

Answer 1

CSSを使用したことを検出する方法はありません。フォーカスの上にCSSを付けるので、フォーカスを外すためにjQueryを使用してselectにイベントをバインドする必要があります。

例：

$('#your-select-id option').click(function(){ 
    $(this).parents('select').focusout(): 
}); 

これはおそらく最高ではない唯一の方法ではありません、そして勿論こと

が、あなたは私のアイデアを得ます。 :)