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

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

高洛峰
高洛峰原創
2017-03-04 10:32:292786瀏覽

為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中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn