CSSでフォームスタイルをクリアする方法の例

開発プロジェクトでフォームによく使用されるクリア スタイル:

1. プレースホルダーのデフォルトのフォントの色を変更します

::-webkit-input-placeholder{color: #333;}
:-moz-placeholder{color: #333;}
:-moz-placeholder{color: #333;} 
:-ms-input-placeholder{color: #333;}

2. 入力番号の上矢印と下矢印をキャンセルします

input::-webkit-outer-spin-button,input
::-webkit-inner-spin-button{-webkit-appearance: none !important;}input[type="number"]{-moz-appearance:textfield;}

3. オプションのテキストを右揃えにします。ドロップダウン選択ボックスの選択

direction: rtl;

4. 右側の矢印非表示を選択します

-webkit-appearance: none;

6. テキストエリアのテキストボックスの高さ調整

resize:none;

のコードここでは JQ を参照する必要があり、構造内の最も外側の .ta_box はユーザー エクスペリエンスを最適化するためにスライディング ブロックを排除するためのものです。

ここでは JQ の拡張機能が使用されています

以上がCSSでフォームスタイルをクリアする方法の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。