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