好像不行啊

如果以上方法不起作用，可能是因为浏览器对select元素和option元素的样式支持不同，或者有其他的CSS样式影响了下拉框的表现。

在这种情况下，可以考虑使用JavaScript来实现下拉框的自定义样式，例如使用jQuery插件select2、chosen等。这些插件可以完全自定义下拉框的样式和功能，包括选项高度、搜索、多选等。使用这些插件需要添加一些额外的JavaScript和CSS代码，但是可以更好地控制下拉框的表现。

以下是使用select2插件实现下拉框自定义样式的示例代码：

1. 引入jQuery和select2插件的CSS和JS文件：

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>

2. 在HTML中添加select元素，并使用select2插件初始化：

<select class="select2">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

<script>
  $('.select2').select2({
    minimumResultsForSearch: Infinity // 隐藏搜索框
  });
</script>

3. 在CSS中自定义下拉框的样式：

/* 修改选项高度和行高 */
.select2-container .select2-results__option {
  height: 30px;
  line-height: 30px;
}

/* 修改下拉框的宽度 */
.select2-container .select2-selection--single {
  width: 200px;
}

这样就可以通过使用select2插件来实现下拉框的自定义样式了。