如果内容大于图像，如何正确调整CSS表单选择字段

我已使用以下代码自定义表单选择字段的外观和字段：

.formbox select { width:240px; border:0; padding:11px 15px; font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin-top:5px; background: url(../images/search_bg.gif) left top no-repeat; }

该字段运行良好，但“我的选择”字段中的内容宽度大于240像素的情况除外

如果我删除宽度字段，下拉菜单就可以了，但我实际的选择按钮位于字段背景的右侧

如果我更改宽度，我的宽度图像会失真和/或不够长，因此看起来很俗气

是否可以将“选择”字段本身设置为一种宽度，将任何下拉内容设置为另一种宽度

编辑

---

我找到了这个链接：但我根本不想使用JS。

您将无法跨浏览器执行此操作。一些浏览器允许有限数量的选择元素的定制，但通常不值得这样做

---

如果您真的需要自定义外观，那么我建议您使用完整的javascript解决方案。

如果空间有限，您希望如何处理溢出该宽度的文本？。。。您可以将其截断并添加“…”作为一个选项。我不希望截断，我希望该字段在下拉列表中展开，然后您可能需要设置一个

min width

属性。也许也可以对background元素这样做。不起作用-我第一次尝试了。请参阅上面编辑的第二句至最后一句-我的背景图像不够宽，无法包含返回的数据，可能会失真或空白。很明显，我可以简单地用一个新的背景创建一个新的css元素，但尽量避免在一个页面上的一个实例中这样做。