怎么不：如果没有打开那么专注于选择？

Question

我想用select：focus来影响我的选择输入，当它没有打开时，输入将恢复到打开之前的状态（输入8px border-radius）。

在此图像中，左侧是打开选择时，右侧是打开选择后。

这是我的css：

select
{
height: 42px;
cursor: pointer;
text-align-last:center;
border-radius: 8px 8px 8px 8px;
}
select:focus
{
border-radius: 8px 8px 0px 0px;
}

Answer 1

用css无法检测到它。由于您在焦点上附加了css，因此您应该使用jQuery将select上的事件绑定到焦点上。

示例：

$('#your-select-id option').click(function(){
     $(this).parents('select').focusout():
});

当然，这不是唯一的方式，可能不是最好的方式，但你得到了我的想法。 ：）