如何覆盖Jenkins插件的CSS属性？以Active Choice Parameter插件为例

嘿，这个问题我之前帮好几个同事解决过，Active Choice Parameter的下拉框默认宽度确实经常和Jenkins的标准控件尺寸不匹配，下面给你两种靠谱的解决思路：

最直接的方式就是通过自定义CSS调整，这里推荐用Jenkins的Simple Theme Plugin来实现，不用动核心文件，安全又方便：

• 第一步，先去Jenkins的「插件管理」里安装Simple Theme Plugin，这个插件专门用来自定义Jenkins的外观样式。
• 安装完成后，进入「系统管理」->「系统配置」，找到「Theme」配置区域。
• 在「Extra CSS」输入框里，添加针对Active Choice下拉框的CSS规则。通常这类下拉框会被包裹在带有parameter-active-choice类的容器里，所以可以用以下规则：

/* 调整Active Choice下拉框为标准宽度，这里用100%适配容器，也可以设固定值比如350px */
.parameter-active-choice select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    /* 可选：加上和Jenkins原生控件一致的边框、圆角样式 */
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 6px;
}

• 保存配置后，刷新你的Job参数页面，就能看到下拉框已经和其他标准控件尺寸一致了。
• 如果上面的选择器不生效，打开浏览器开发者工具（按F12），右键点击下拉框选「检查」，找到它的具体class或ID，再修改CSS选择器即可。比如有些版本的插件会给select标签加active-choice-select类，那规则就改成.active-choice-select { ... }。

要是不想折腾CSS，换个功能类似的插件也是不错的选择：

• Extended Choice Parameter Plugin：这个插件完全可以替代Active Choice的核心功能（动态生成选项、下拉选择等），而且在参数配置页面直接有「Width」选项，输入你想要的宽度数值就行，全程不用写代码，省心不少。
• 如果你用Pipeline定义Job，也可以试试用input步骤配合简单的自定义HTML样式，不过这个方法的样式调整范围有限，适合快速需求：

pipeline {
    agent any
    stages {
        stage('User Input') {
            steps {
                script {
                    def selectedOption = input(
                        message: '请选择一个选项',
                        parameters: [
                            choice(choices: 'Option A\nOption B\nOption C', name: 'SELECTED_OPTION', description: '')
                        ],
                        // 这里加自定义CSS调整下拉框宽度
                        description: '<style>.jenkins-input select { width: 350px; }</style>'
                    )
                    echo "你选择了：${selectedOption}"
                }
            }
        }
    }
}

内容的提问来源于stack exchange，提问作者Gowthaman Chinnathambi