ホームページ > 記事 > ウェブフロントエンド > HTML 要素の組み込みスタイルとその削除方法は何ですか?
#このチュートリアルの動作環境: Windows7 システム、html5 バージョン、DELL G3 コンピューター。html 要素にはデフォルトのスタイルがあります。それらを削除する方法: 1. デフォルトのスタイルをグローバルに削除します。コードは [*{padding:0;margin:0;box-sizing:..}] です。2. a タグを削除します。デフォルトのスタイル、コードは [a{text-decoration: none;color:#3] です。
html 要素にはデフォルト スタイルがあります。その削除方法:
1. デフォルト スタイルをグローバルに削除します。*{padding:0;margin:0;box-sizing: border-box;font-size: 14px;}2. タグからデフォルト スタイルを削除します。
a{text-decoration: none;color:#333;} a:hover, a:visited, a:link, a:active { color:#333; // 设置使所有a标签的四种状态都和本身颜色保持一致,样式代码自己写 }3、li
ul,ol{list-style: none;}4、img
img{ vertical-align:top; border:none; }5、ボタン
.button{ border:0; background-color:none outline:none; -webkit-appearance: none;//用于IOS下移除原生样式 }6、select
select { border: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent; padding-right: 14px; }7、h1
h1,h2,h3,h4,h5,h6{font-weight:normal;}8, input, textarea
input,textarea { outline: none; border: none; } textarea { resize: none; overflow: auto; }9, italics i
i{font-style: normal;}10, table
table{border-collapse:collapse;border-spacing:0;}11, input[type=number] プラスを削除およびマイナス記号
/*去除input[type=number]加减号*/ /* 谷歌 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } /* 火狐 */ input{ -moz-appearance:textfield; }
関連学習の推奨事項:
以上がHTML 要素の組み込みスタイルとその削除方法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。