select元素中設(shè)置padding效果的方法
發(fā)布時(shí)間:2016-08-05 08:52:13 作者:佚名
我要評(píng)論

下面小編就為大家?guī)?lái)一篇select元素中設(shè)置padding效果的方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
給select元素增加:padding-left:20px;但是未生效,如下圖所示:
在select上如何使設(shè)置padding生效?
方法一:
設(shè)置屬性appearance:
給select增加屬性: appearance: none; -webkit-appearance: none;
效果如下:
方法二:
給select設(shè)置樣式:text-indent: 20px;
效果如下:
以上這篇select元素中設(shè)置padding效果的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
在IE8 FF中使用padding設(shè)置select控件文字垂直居中
這篇文章主要介紹了在IE8 FF中設(shè)置select控件文字垂直居中的方法,使用到了padding:8px 0,需要的朋友可以參考下2014-09-04