[解決済み】要素名にCSSスタイルを適用することはできますか?
2022-04-09 06:10:34
質問
私は現在、CSSスタイルを適用するHTMLを制御できないプロジェクトに取り組んでいます。そして、そのHTMLは、要素を区別するのに十分なidとclassの宣言がないという意味で、あまりうまくラベル付けされていません。
そこで、idやclass属性を持っていないオブジェクトにスタイルを適用する方法を探しています。
フォームアイテムに "name" や "value" 属性がある場合があります。
<input type="submit" value="Go" name="goButton">
name="goButton"に基づいてスタイルを適用する方法はありますか?また、"value"についてはどうでしょうか?
Googleで検索すると、"name" や "value" といった広義の言葉がウェブページに登場する事例がいろいろと見つかるので、なかなかわからないものなんですよ。
答えは「ノー」だと思うのですが......もしかしたら、誰かが賢いハックを知っているかもしれませんね?
何かアドバイスがあれば、ぜひお願いします。
解決方法は?
属性セレクタを使用することができます。
input[name="goButton"] {
background: red;
}
<input name="goButton">
IE6には対応していないので注意しましょう。
更新:2016年はIE6が死んでいるので、かなり好きなように使うことができます。 http://quirksmode.org/css/selectors/
関連
-
[解決済み] IE=edge,chrome=1というのは今でも有効なのでしょうか?
-
[解決済み] Add a scrollbar to a <textarea> [duplicate]
-
[解決済み] HTMLのバックスペース
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] 最初の要素にクラスを指定するCSSセレクタ
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】iframeの背景色を変更する問題
-
[解決済み】Markdownで'target="_blank"'でリンクを作成することはできますか?
-
[解決済み】WebページでWindows 95のフォントを使用する
-
[解決済み] CSSでulのインデントを削除する
-
[解決済み] カーソルを指ポインタに変更
-
[解決済み] 必要なキーに一致するルートがありません。[:id]
-
[解決済み] Angular 2+のテンプレートで値を表す三項演算子
-
[解決済み] Favicon.icoを表示させることができません。
-
[解決済み] type="application/x-shockwave-flash "で表示可能な形式は?
-
[解決済み] フロートされた子 div の高さを親の高さに拡張するにはどうすればよいですか?