select元素中設置padding效果的方法
發(fā)布時間：2016-08-05 08:52:13 作者：佚名 
我要評論
我要評論下面小編就為大家?guī)硪黄猻elect元素中設置padding效果的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
給select元素增加：padding-left：20px;但是未生效，如下圖所示：
在select上如何使設置padding生效？
方法一：
設置屬性appearance：
給select增加屬性： appearance: none; -webkit-appearance: none;
效果如下：
方法二：
給select設置樣式：text-indent: 20px;
效果如下：
以上這篇select元素中設置padding效果的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
在IE8 FF中使用padding設置select控件文字垂直居中
這篇文章主要介紹了在IE8 FF中設置select控件文字垂直居中的方法，使用到了padding：8px 0，需要的朋友可以參考下2014-09-04