ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでボタンのスタイルを削除する方法

CSSでボタンのスタイルを削除する方法

藏色散人
藏色散人オリジナル
2021-02-18 09:25:086963ブラウズ

CSS でボタン スタイルを削除する方法: まず CSS コードを開いてボタン スタイルを表示し、次に「border: none;outline: none;」属性を使用して境界線を削除し、デフォルトの青色のクリックを削除します。境界線効果。

CSSでボタンのスタイルを削除する方法

#この記事の動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター。

ブラウザが提供するボタンのスタイルは、十分であるとしか言えません。十分に美しいとは言えません。開発中に、ボタンのデフォルトのスタイルが削除されることがよくあります。この記事では、デフォルトのスタイルを削除する方法を紹介しますボタンの。

css ボタン スタイルの削除

1. Chrome でのボタンのデフォルト スタイル

CSSでボタンのスタイルを削除する方法

2. IE でのボタンデフォルトのスタイル

CSSでボタンのスタイルを削除する方法

3。ボタン スタイル

//消除button的默认样式
margin: 0;
padding: 0;
border: none;  //去除边框
outline: none;    //消除默认点击蓝色边框效果

4のCSSコードを削除します。ご覧のとおり、右側のボタン スタイルは次のようになります。美化される必要があります。

CSSでボタンのスタイルを削除する方法

推奨: 「

css ビデオ チュートリアル

以上がCSSでボタンのスタイルを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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