使用javascript设计表单样式（选择），没有框架？

有人知道我如何用javascript设计表单元素的样式，但没有框架吗？ 找到了一个不错的jquery插件，但我在我的网站上根本不使用jquery，所以如果可能的话，我想避免使用它

我想创建一个如下所示的选择框：

document.getElementById('elem').style.backgroundColor = 'red';

---

为了澄清，我想在选择框上设置一个图像/背景，这样我可以有一个自定义下拉箭头

您可以通过样式属性设置元素的样式（将“-”替换为驼色大小写），如下所示：

document.getElementById('elem').style.backgroundColor = 'red';

但最好将样式放在CSS中，而只需更改JavaScript中的类：

document.getElementById('elem').className = 'roundedCornerButton';

---

你不需要Javascript，纯CSS就可以了

查看本文，例如：

---

如果表单元素具有关联的ID，则可以使用类似以下代码：

elem = document.getElementById(elemId);
elem.style.background = 'white';

---

我假设您希望动态更改元素样式；不同的是，您不需要JavaScript来获取所需内容。

样式是通过CSS而不是JS完成的。JQuery用于Javascript中的快捷方式

---

没有“替换”发生-标记仍在场景下，但CSS的良好使用使其看起来像图像。

您必须使用不同的元素。不能使用，因为你不能很好地使用CSS样式，除了背景颜色和字体

---

我能给你指出的最好的方向是——它似乎解释了如何做好你想做的事情。

如果没有javascript，这是不可能的。请看我的问题

如果你不想使用任何框架，那么试试这个

---

有许多下拉菜单替代品不需要框架。尝试用谷歌搜索

javascript下拉列表

。请看一个奇特的例子

---

<>但是考虑使用一个框架。现在20-50kb已经不多了，即使是拨号线路也不多了。框架为各种任务提供了许多小助手，您甚至可以链接到，很可能用户已经缓存了它们。

为什么要使用Javascript设置类而不是直接在HTML代码中设置它们？只有在样式应该动态更改的情况下。如果没有，那么只需要使用HTML类属性和CSS，就像你说的那样。select元素没有CSS样式，JS需要使用一个不同的元素来实现功能，该元素使用CSS样式显示为select元素。

我想问的是，是否有人知道类似的解决方案，但不需要像jQuery这样的javascript框架（这是50kb，因此我不想只在一个selectbox中使用它）

u没有javascript无法修改selectbox