Css 如何更改下拉列表的宽度

<select name="wgtmsr" id="wgtmsr" style="width: 50px;">
  <option value="kg">Kg</option>
  <option value="gm">Gm</option>
  <option value="pound">Pound</option>
  <option value="MetricTon">Metric ton</option>
  <option value="litre">Litre</option>
  <option value="ounce">Ounce</option>
</select>

<select name="wgtmsr" id="wgtmsr">
<option value="kg">Kg</option>
<option value="gm">Gm</option>
<option value="pound">Pound</option>
<option value="MetricTon">Metric ton</option>
<option value="litre">Litre</option>
<option value="ounce">Ounce</option>
</select>

#wgtmsr{
 width:150px;   
}

#wgtmsr option{
  width:150px;   
}

Css相关问答推荐

视频覆盖不适用于reactjs样式的组件

React呈现多个css文件

当面板以Angular 上升时如何定位下拉面板

try 在Jekyll中使用多个SCSS文件时出错

如何将React应用程序主页的内容居中？

将鼠标悬停在具有效果的元素上

Prettier/VS Code 在 CSS 中的 ！important 之前添加一个空格，导致它在 WordPress 中崩溃

在 Shiny 中动态更改 bslib 值框的类

排除特定元素的目标元素

努力将 CSS 样式应用于 Elm 应用程序

Bootstrap 5 - 更改列顺序时出现问题

如何在特定元素之前 Select 每个元素

JavaFX TreeTableView Css for unfocused selected line

用 svelte 设计 body 元素

左右卡片的 OwlCarousel 导航：react js

CSS，居中的 div，缩小以适应？

Div Size 自动调整内容大小

在 Firefox 中删除额外的按钮间距/填充

如何强制显示垂直滚动条？

使用 CSS 更改
高度