html - 垂直对齐中间选中的选项选择框

标签 html css

enter image description here

如上图所示,可以使用填充垂直操作所选文本(在本例中我使用 padding-top: 5px; 但我的客户拒绝顶部选择,因为之间的空白间隙选择按钮(如果您查看示例 1 中的按钮上方,您可以看到空格)

客户希望它垂直对齐,采用与示例 2 类似的设计(它消除了可怕的空间),我看得很远,但除了执行示例 1 和这显然不是“可接受的”。

这样的属性存在吗?是否跨浏览器兼容?

最佳答案

<select>元素由操作系统呈现,而不是 HTML。由于这个原因,它们因操作系统而异,并且样式选项有限。

如果您想要高级样式需要探索基于 Javascript 的替代方案。

参见:http://getbootstrap.com/components/#dropdowns

关于html - 垂直对齐中间选中的选项选择框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21196074/

相关文章:

javascript - 循环函数导致它在 javascript 中无响应

基于当前页面的 HTML Wrapper 状态更新

html - 如何设置标签的垂直中心和 btn-group Bootstrap

css - nth-child() 在 ie8/7 中不工作

css - 容器内图像溢出内部

php - 将 mysql 调用/发布到表中

html - iOS浏览器的区别

html - CSS3 三 Angular 形内文本居中

html - 如何制作后台附件:fixed; not stretch the image?

jquery - 表的父级隐藏了溢出,这会切断我的悬停菜单