ホームページ >ウェブフロントエンド >フロントエンドQ&A >入力でCSSスタイルを変更できますか?
入力は CSS スタイルを変更できます。CSS スタイルを変更する方法は次のとおりです: 1. 疑似クラス要素を使用してラジオ スタイルを変更します; 2. ラベルを使用して入力をポイントし、ラベル スタイルを変更します効果を達成するために。
このチュートリアルの動作環境: Dell G3 コンピューター、Windows 7 システム、HTML5&&CSS3 バージョン。
推奨: 「css ビデオ チュートリアル 」
入力ボックスのデフォルトの CSS スタイルを変更する方法:
1: 疑似クラス要素を使用してラジオ スタイルを変更します (この方法では追加のラベルを追加する必要がなく、より便利です)
.div input[type=radio]::after { position: absolute; width: 25px; height: 25px; background: url(../img/inputBG.jpg) no-repeat; background-size: 100% 100%; }
2: ラベルを使用して入力をポイントしますラベルのスタイルを変更することで効果を実現します
<html> <input type="checkbox" checked="checked" id="aa"/><label for="aa"></label> </html> <style> input[type=checkbox]{ visibility: hidden; } label{ width:20px; height:20px; border:1px solid #707070; } input[type=checkbox]:checked + label{ background: url(../img/duigou.jpg)no-repeat; background-size: 100% 100%; } </style>
以上が入力でCSSスタイルを変更できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。