質問編集履歴

3

追記

2021/02/24 07:16

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -41,3 +41,9 @@
41
41
  <div>
42
42
 
43
43
  ```
44
+
45
+
46
+
47
+ 代替案?
48
+
49
+ =:activeはクリックしている間ですが、クリックしたら変わるという仕様でも問題ありません。そのようなことは可能ですか?調べましたがやはりcssだけでは厳しいように思えました。

2

大幅に追記、変更。整形。

2021/02/24 07:16

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- [css].class1が読み込まれ?たら.class2を読み込む。みたいなことは可能か
1
+ [css/js].class1が読み込まれ?たら.class2を読み込む。みたいなことは可能か
test CHANGED
@@ -1,23 +1,43 @@
1
- .class1が読み込まれたら、.class2読み込むみたなことは可能でか?
1
+ 現在、バリデーションに引っかかった時にerror-message出力するようにして
2
2
 
3
- cssでそこまで制御はできるたはjsが必要か?
3
+ し、inpuの入力欄自体の背景色も変えたいと思っていす。
4
4
 
5
5
 
6
6
 
7
- .class1{color:red;} .class2{backgroud-color:blue;}
8
7
 
9
- htmlでclass1を指定しておけば、.class2も自動的に読み込まれる。みたいなことはできますか?
10
8
 
11
- 経緯
9
+ invalidとnoinvalidをinputへ付与してもよいですが、
12
10
 
13
- エラーメッセージをphpで表示処理書いていますが、inputの下のspanにcolor指定をしていたが、上のinputにも指定をしたくなった
11
+ それだとエラーメッセージが呼び出前に(ページ読み込んだ直後に)背景色が変わっしまいます。
14
12
 
15
- そこで掲題ようなことができか試してみたい。
13
+ 今回はerror-messageを呼び出した時にinpu[textの入力欄背景色も変えやり方にてみたいです
16
14
 
17
15
 
18
16
 
19
- ほしい回答
20
17
 
21
- 何か参考サイトがあれば貼っていただけますか。
22
18
 
19
+ このやり方は実装可能ですか?
20
+
21
+
22
+
23
+ 以下html
24
+
25
+ ```ここに言語を入力
26
+
27
+ <div>
28
+
29
+ <div>
30
+
31
+ <p>
32
+
33
+ <input type="text" name="data[test][id]" id="test_id" class="test_class" required="required">
34
+
35
+ </p>
36
+
37
+ </div>
38
+
23
- また、セレクタ上記のような書き方があれば教えていただけまこう書けばいいみたいな。。
39
+ <p class="error-message">エラーです。</p>
40
+
41
+ <div>
42
+
43
+ ```

1

追記

2021/02/24 07:12

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -13,3 +13,11 @@
13
13
  エラーメッセージをphpで表示させる処理を書いていますが、inputの下のspanにcolor指定をしていたが、上のinputにも指定をしたくなった。
14
14
 
15
15
  そこで、掲題のようなことができるか試してみたい。
16
+
17
+
18
+
19
+ ほしい回答
20
+
21
+ 何か参考サイトがあれば貼っていただけますか。
22
+
23
+ また、セレクタで上記のような書き方があれば教えていただけますか。こう書けばいいみたいな。。