JS改变下拉框的样式和位置

JS改变下拉框颜色.frm

如何用JS事件更改下拉框样式，包括下拉框背景颜色，边框颜色和右边下拉三角符号的颜色，我写了个事件但是没有生效，请教下要如何修改呢？不要引用CSS文档这种方式，业务不允许这种方式实现，要写JS事件。

1604066562(1).png

如何将下拉框放在参数面板最右边呢，现在无法移过去是什么原因呢？右边红框显示还空了一大截，并且下拉框的宽度自动缩小了

上传了一个模板，麻烦大神们帮忙看看如何修改哦，不胜感激！

luoqu 发布于 2020-10-30 22:07 （编辑于 2020-10-31 15:06）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：14 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共2回答

最佳回答

luoquLv5见习互助
发布于2021-6-17 17:13

JS事件更改下拉框样式，背景颜色代码如下

1623921094(1).png

沉默的反补Lv6中级互助
发布于2020-10-30 23:31（编辑于 2020-10-30 23:38）

$("div[widgetname='BUTTON0']").css("top", "29px");        //JS改变下拉框位置
//改变下拉框字体颜色
$("div[widgetname='COMBOBOX0'] div input").css({"background-color":'rgb(51, 204,204)',"color":"red","font-weight":'bold'})}

改变下拉框背景色

if(this.getValue()=='YES'){
    $("div[widgetname='COMBOBOX0'] div input").css({"background-color":'rgb(51, 204,204)',"color":"red","font-weight":'bold'})}
    else if (this.getValue()=='NO'){
        $("div[widgetname='COMBOBOX0'] div input").css({"background-color":'white',"color":"yellow","font-weight":'bold'})
        }