html - SELECT 元素的 CSS

标签 html css select

我目前正在尝试正确设置 SELECT 元素的 CSS 样式。

具体来说,我想要做的是让初始选择值与箭头/选择/图标/打开选项列表的任何内容保持一定距离。

目前,它显示为:VALUE[V],其中 [V] 是三 Angular 形/箭头按钮。我想在 VALUE 的末尾(无论它是什么)和选择元素的 [V] 按钮/部分之间创建一个间距。边距显然不相关,填充也发生在 [V] 之外。

因为我有多个 SELECT - 是否有“干净”或“优雅”的方法通过 CSS 执行此操作,而不是单独为每个元素指定宽度?

问候 G.坎波斯

最佳答案

为什么不能使用填充?它似乎可以满足您的需求。检查一下:

http://jsfiddle.net/GYyKh/1/

关于html - SELECT 元素的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6091997/

相关文章:

excel - VBA打开资源管理器并选择(而不是打开)选定的文件名

sql - 在多个联接记录中进行SQL字符串搜索

javascript - 淡化路径标签中的颜色

javascript - CSS3 卡片翻转和展开

html - 同一元素上的转换和变换,由不同的父元素触发

html - CSS 绝对位置不适用于 margin-left :auto margin-right: auto

html - 无法将页眉和页脚扩展到整个浏览器长度

javascript - 获取父节点的属性

c# - 在代码隐藏 (C#) 中更改 Css

ruby - #<Room :0x00000001f6f5f8> (NoMethodError) 调用私有(private)方法 `select'