I would consinder enclosing that select block within a div block and setting the border property like this:

<div style="border: 2px solid blue;">
  <select style="width: 100%;">
    <option value="Sal">Sal</option>
    <option value="Awesome">Awesome!</option>
  </select>
</div>

You should be able to play with that to accomplish what you need.

<select>Diodeus が述べたように、IE は要素のデフォルトの境界線以外は許可しません。ただし、同様の効果を達成するための 2 つのハックを知っています。

1. ドロップダウンとまったく同じ位置に配置された DIV を使用して、その境界を設定します。ドロップダウンに境界線があるように見えます。

2. ここで提供されている Javascript ソリューションなどを使用します。

ただし、これは手間がかかりすぎる可能性があるため、境界線が本当に必要かどうかを評価する必要があります。

いいえ、<select>コントロールはシステム レベルのコントロールであり、IE のクライアント レベルのコントロールではありません。数バージョン前は、z-index を使用してもうまく動作せず、事実上すべての上に置かれていました。

何か凝ったことをするには、CSS と独自の要素を使用して機能をエミュレートする必要があります。

select{
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1,color=#FF0000) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1,color=#FF0000);
}

私のために働きます。

IEで境界線の色を設定できますが、いくつかの問題があります。

ああ...私はあなたがこれを行うことができると誓ったかもしれません...ただテストして、私が正しくないことに気づきました。ただし、以下の注意事項は引き続き適用されます。

1. IE8（Beta1-> RC1）で、境界線の色または背景色/画像を変更すると、WindowsXPのコントロールのテーマが解除されます（ドロップ矢印とボックスはWindows 95のように見えます）

2. IEがサポートしていないため、selectコントロール内のオプションのスタイルを適切に設定することはできません。（バグ＃291を参照）

<style>
.form-error {
        border: 2px solid #e74c3c;
    }
</style>



<div class="form-error">
                                {!! Form::select('color', $colors->prepend('Please Select Color', ''),           ,['class' => 'form-control dropselect form-error'
                                ,'tabindex' => $count++, 'id' => 'color']) !!}
                                </div>