如何仅使用css并排显示html select的选项？

我需要有一个html选择的选项（带有选项“size”，以便将其可视化为一个5行文本区域）并排显示，就像在这个jfiddle中一样

我可以使用这个css实现我的目标

select {
    width: 100%;
}
select#myselect option {
    width: 6%;
    float: left;
    border: 1px solid;
    text-align: -webkit-center;
    border-color: darkgray;
}

但它只有在chrome上才能完美工作。在firefox中，选项“float:left”似乎不起作用，选项一个接一个地显示。在Safari中，“width:6%”选项不起作用，option元素占据了选定区域宽度的100%。这两个边界都不起作用，但这并不重要

是否有可能在所有浏览器中实现相同的chrome效果

编辑：将“display:inline”添加到选项中，在firefox上并排显示它们，但所有元素都在一行上显示，导致最后的元素根本不显示，就像在这个JSFIDLE中一样

---

添加

显示：内联添加到css。
添加
显示：内联到css。
Safari不支持
内联
和
内联块
也不支持
的左浮动，我认为，有很好的理由：首先，导致
不能以这种方式工作，其次，原因
显示：inline
与元素本身的iphone呈现完全不兼容；
因此，也不支持使用元素的
控制
的可能性。
Safari不支持
内联
和
内联块
或
的左浮动，我认为，有充分的理由：首先，导致
不能以这种方式工作，其次，原因
显示：inline
与元素本身的iphone呈现完全不兼容；
因此，也不支持使用元素的
控制
。
无法在safari上测试。应该更具体一些。您是否添加了
select#myselect选项
css？是的，对不起，您是对的。非常感谢。它在firefox上工作，但在safari上不工作，不幸的是，
display:inline block？不，已尝试。显示etc解决了浮动左忽略的问题。Safari忽略了另一件事：option元素的宽度不能在Safari上测试。应该更具体一些。您是否添加了
select#myselect选项
css？是的，对不起，您是对的。非常感谢。它在firefox上工作，但在safari上不工作，不幸的是，
display:inline block？不，已尝试。显示etc解决了浮动左忽略的问题。Safari忽略了另一件事：option元素的宽度