select元素中设置padding效果的方法

永远对生活充满希望,对于困境与磨难,微笑面对。多看书,看好书,少吃点,吃好的。要有梦想,即使遥远。开朗的心情,这很重要。

给select元素增加:padding-left:20px;但是未生效,如下图所示:

在select上如何使设置padding生效?

方法一:

设置属性appearance:

给select增加属性: appearance: none; -webkit-appearance: none;

效果如下:

方法二:

给select设置样式:text-indent: 20px;

效果如下:

以上这篇select元素中设置padding效果的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
CSS怎么去掉select的下拉箭头样式

如何使用CSS3的::selection改变选中文本颜色的方法

CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式

select默认样式美化代码兼容移动端和pc端

一篇关于select标签的高度设置在ie6/ie7下兼容心得