首頁 > web前端 > css教學 > select元素中設定padding效果的方法詳解

select元素中設定padding效果的方法詳解

高洛峰
發布: 2017-03-04 10:32:29
原創
2775 人瀏覽過

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

select元素中設定padding效果的方法詳解

在select上如何使設定padding生效?

方法一:

設定屬性appearance:

給select增加屬性:appearance: none; -webkit-appearance: none;

# 效果如下:

select元素中設定padding效果的方法詳解

方法二:

 為select設定樣式:text-indent: 20px;

效果如下:

select元素中設定padding效果的方法詳解

#以上這篇select元素中設定padding效果的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持PHP中文網。

更多select元素中設定padding效果的方法詳解相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板