ホームページ >ウェブフロントエンド >CSSチュートリアル >select要素にパディング効果を設定する方法を詳しく解説

select要素にパディング効果を設定する方法を詳しく解説

高洛峰
高洛峰オリジナル
2017-03-04 10:32:292775ブラウズ

下の図に示すように、選択要素にpadding-left: 20pxを追加しますが、有効になりません:

select要素にパディング効果を設定する方法を詳しく解説

選択要素にパディング設定を有効にする方法は?

方法 1:

属性の外観を設定する:

選択する属性を追加します: 外観: なし; -webkit-Appearance: なし;

効果は次のとおりです:

select要素にパディング効果を設定する方法を詳しく解説

方法 2:

スタイルを設定しますselect: text -indent: 20px;

効果は次のとおりです:

select要素にパディング効果を設定する方法を詳しく解説

上記のselect要素にパディング効果を設定する方法は、エディターで共有されているすべての内容ですので、参考にしていただければ幸いです。 、また、中国語の Web サイトもサポートしていただければ幸いです。

選択要素にパディング効果を設定する方法の詳細な説明については、PHP 中国語 Web サイトの関連記事に注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。