select中的选项与select css的宽度相同

Question

This问题分享了我的问题，我尝试了答案但是没有用

  chartView.leftAxis.drawGridLinesEnabled = false
  chartView.rightAxis.drawGridLinesEnabled = false
  chartView.xAxis.drawGridLinesEnabled = false

任何方式使选项的宽度与选择相同，如果有更多文本，则只能#SelectBoxid { width:150px; } #SelectBoxid option{ width:150px; }

...

纯css尽可能没有jquery ..

FIDDLE

Answer 1

经过一些研究，我认为没有javascript就可以控制option的宽度。它的宽度取决于浏览器的实现。

在HTML标准中无法控制此宽度。 http://www.w3.org/TR/html-markup/option.html#option

表单控件上对CSS的支持相当薄弱。

这种风格毫无用处。它根本不控制选项。如果选项都很短，那么即使您将宽度设置为select，选项的宽度也与100px相同。如果任何option宽于select，则选项的宽度与最宽的option相同。 （至少在Chrome中）

#category option {
  width:173px; // not works at all
}