为什么给select中的option设置宽高没有效果

设置 `<select>` 元素中的 `<option>` 的宽度和高度是没有效果的。这是因为 `<option>` 标签是由操作系统的本地小部件（native widget）渲染的，而不是由浏览器的 HTML 渲染引擎直接渲染的。因此，浏览器无法通过 CSS 控制 `<option>` 元素的样式。

如果需要自定义下拉选择框的样式，可以使用 JavaScript 和 CSS 来创建自定义的下拉选择框，以模拟 `<select>` 元素的行为。这种方法需要更多的编码工作，但可以实现更高度的自定义和控制。

相关问题

为什么给其中的option设置宽高没有效果

如果你是在HTML中使用`<option>`标签，那么你无法直接设置它的宽度和高度。因为`<option>`标签的样式是由操作系统自己的控件来渲染的，而不是HTML和CSS。这也是为什么你不能在`<option>`标签中使用大多数的样式属性。

如果你想要自定义下拉菜单的样式，你可以使用JavaScript和CSS来自定义它。一种常见的方法是使用自定义的下拉菜单插件，如Select2、Chosen等，它们可以让你更灵活地自定义下拉菜单的样式和行为。

select中option的宽高设置

可以使用JavaScript来设置select元素中option的选中状态。可以使用以下方法之一:

1. 通过设置select元素的value属性来设置选中的option。例如：

document.getElementById("mySelect").value = "option2";

2. 通过设置option元素的selected属性来设置选中的option。例如：

document.getElementById("option2").selected = true;

3. 通过使用JavaScript的for循环来遍历select元素中的所有option元素，找到目标option并设置其selected属性为true。例如：

var select = document.getElementById("mySelect");
for (var i = 0; i < select.options.length; i++) {
    if (select.options[i].value == "option2") {
        select.options[i].selected = true;
        break;
    }
}