我有一个高度为 60 像素的选择框。当我用户单击一个选项时,我希望该选项文本出现在选择框的底部...但是 safari 和 chrome 会自动将文本垂直对齐在中间。
我试过增加行高、padding-top、margin-top……但这些不适用于 safari/chrome。
如果这种类型的样式对于 safari/chrome “不可能”,请提供帮助。也请告诉我。提前致谢!
最佳答案
遗憾的是,您无法为 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 设置样式。
关于forms - safari 和 chrome 中 FORM INPUT FIELDS 的垂直对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3355742/