我有一个高度为 60 像素的选择框。当我用户单击一个选项时，我希望该选项文本出现在选择框的底部......但是 safari 和 chrome 会自动垂直对齐中间的文本。
我已经尝试增加 line-height、padding-top、margin-top ......但这些不适用于 safari/chrome。
请帮忙，如果这种类型的样式在 safari/chrome 中“不可能”。也请告诉我。提前致谢！
问问题
1560 次
1 回答
2
不幸的是，您无法设置 Safari 和 Chrome 生成的选择元素的样式。您正在处理的内容已被创造为 Shadow DOM： http: //glazkov.com/2011/01/14/what-the-heck-is-shadow-dom/
本质上，浏览器创建了所有选择框的元素，以在呈现页面时发挥作用，但这些元素不能通过 CSS 设置样式。
我建议使用 Chosen 之类的工具：http: //harvesthq.github.com/chosen/如果您希望对选择框进行一些繁重的样式设置。它使用 javascript 将元素放置在选择框的顶部，替换其功能并允许您使用 CSS 对其进行样式设置。
于 2011-12-09T23:54:10.107 回答