CSS を使用して、Chrome や Safari などの Webikt カーネル ブラウザーのコントロールのデフォルト スタイルを削除します。

webkitにはこんなプライベートな属性があります:

-webkit-Appearance:none; /*入力デフォルトスタイルを削除します*/

このスタイルを追加し、値が「none」の場合はキャンセルできますブラウザのリクエスト コントロールのデフォルトのスタイル。

さらに、この属性には魔法のような場所もあります~さまざまなコントロールのブラウザーのデフォルト スタイルを呼び出して表示するために使用できます。

例: 私はスパンです、それから表示される効果は、ボタンのラベルのスタイル。

は、なかなか面白いと思いますよ〜

さらに、この属性を使用して、iPhone の嫌な超大きな角丸ボタンのデフォルト スタイルを削除し、編集したボタン スタイルを正常に表示できるようにすることができます。

この属性の可能な値は次のとおりです。これは、表示できるブラウザー コントロールのデフォルトの効果とみなすこともできます。

チェックボックス

ラジオ

プッシュボタン

四角ボタン

ボタン

ボタンベベル

リストボックス

リスト項目

メニューリスト

メニューリストボタン

メニューリストテキスト

メニューリストテキストフィールド

スクロールバーボタンアップ

スクロールバーボタンダウン

スクロールバーボタン-左

スクロールバーボタン- そうです

スクロールバートラック-水平

スクロールバートラック-垂直

スクロールバーサム-水平

スクロールバートラック-垂直

スクロールバーグリッパー-水平

スクロールバーグリッパー-垂直

スライダー-水平

スライダー-垂直

スライダー親指-垂直

スライダー-垂直

キャレット

検索フィールド

検索フィールド-装飾

検索フィールド-結果-装飾

検索フィールド結果ボタン

検索フィールドキャンセルボタン

テキストフィールド

テキストエリア

以上がCSS を使用して、Chrome や Safari などの Webikt カーネル ブラウザーのコントロールのデフォルト スタイルを削除します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。