html - 更改焦点上的组合颜色

Question

我想更改组合框焦点上的边框颜色。它有类 .ui-selectonemenu 类和焦点 ui-state-focus 类被应用到同一级别。我正在尝试将选择器编写为 .ui-selectonemenu .ui-state-focus 并尝试了 .ui-selectonemenu :focus 但两者都不起作用。有什么建议。为 primefaces 做这件事

Answer 1

.ui-selectonemenu
            {
                width:150px;
                padding:5px;
            }
.ui-selectonemenu:hover, .ui-selectonemenu:focus
            {
                background:#ffd800;
                border:px solid #f00;
            }