更改上的边框颜色（<；选择>；HTML表单

是否可以更改HTML表单中

元素的边框颜色

边框颜色

样式适用于Firefox，但不适用于IE

我在谷歌上找不到真正的答案。

不，在IE中，

控件是一个系统级控件，而不是客户端级控件。在一些版本中，它甚至不能很好地与z-index配合使用，几乎将自己置于一切之上

---

要想做任何花哨的事情，你必须使用CSS和你自己的元素来模拟功能。

正如迪奥德斯所说，IE只允许

元素的默认边框。然而，我知道有两种黑客可以达到类似的效果：

使用放置在与下拉列表完全相同位置的DIV并设置其边框。下拉列表似乎有边框

使用Javascript解决方案，例如，提供的解决方案

---

但是，这可能会太费劲，因此您应该评估是否确实需要边框。

我会考虑将该select块封闭在div块中，并将border属性设置为：

萨尔
令人惊叹的！

您可以在IE中设置边框颜色，但存在一些问题

啊。。。我可以发誓你可以这么做。。。只是测试了一下，发现我错了。不过，下面的注释仍然适用

在IE8（Beta1->RC1）中，更改边框颜色或背景色/图像会导致WindowsXP中的控件主题化（下拉箭头和框看起来像Windows95）

您仍然无法很好地设置select控件中的选项样式，因为IE不支持它。（）

---

适合我。

用轮廓颜色替换边框颜色应该可以

<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>

.表格错误{
边框：2px实心#e74c3c；
}
{！！表单：：选择（'color'，$colors->prepend（'Please select color'，''），['class'=>'表单控件dropselect表单错误'
，'tabindex'=>count++，'id'=>color']）

无论是否为系统级控件，都无法弥补您无法（正确）设置样式的事实。也就是说，即使是这样，它也不会给IE团队带来无法克服的挑战。尽管如此，自己的绘图还是非常有趣的；）感谢您对系统级控制的确认。IE的哪个版本？它确实有效，但有一些已知的问题。嗯。。。这不是我的建议吗？好吧，也许我没有教你怎么做塞伯鲁斯：当我发布这个答案时，我注意到你也发布了这个建议，因此我投票支持了你的答案。：）本文更详细地解释了这项技术，并提供了一个演示，将属性“border:2px solid blue”添加到select样式中。

<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>