ホームページ > 記事 > ウェブフロントエンド > text_html/css_WEB-ITnose タイプの入力要素のスタイルのみを設定する CSS を実装する方法
text_html/css_WEB-ITnose タイプの入力要素のスタイルのみを設定する CSS を実装する方法
- WBOYオリジナル
- 2016-06-24 11:27:561711ブラウズ
CSS で type text の input 要素のみをスタイル設定する方法:
実際のアプリケーションでは、多くの input 要素があるにもかかわらず、type の型が異なるという状況に遭遇する可能性があります。
特定のタイプに関連するスタイルのみを指定する必要がある場合があります。もちろん、この効果を実現するには、指定したタイプの入力に対して別のクラスを設定するなど、さまざまな方法があります。
以下では、属性セレクターを使用してこの機能を実現する方法を説明します。
コードは次のとおりです:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style>input[type=text]{ width:200px; height:18px; color:red;}</style></head><body><input type="text" value="蚂蚁部落"><input type="tel" value="053288905555"></body></html> 上記のコードは、type 属性値が text である入力要素に関連する style 属性のみを設定します。
属性セレクターの詳細については、css 属性セレクターのセクションを参照してください。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=16358
詳細については、以下を参照してください: http://www.softwhy.com/divcss/
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。