我会考虑将该选择块包含在一个 div 块中，并像这样设置边框属性：

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

您应该能够使用它来完成您所需要的。

正如 Diodeus 所说，IE 只允许<select>元素的默认边框。但是，我知道有两种技巧可以达到类似的效果：

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 不支持它。（见错误＃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>