質問編集履歴

1

CSS追記

2019/09/09 04:30

投稿

lingwood
lingwood

スコア40

test CHANGED
File without changes
test CHANGED
@@ -82,8 +82,52 @@
82
82
 
83
83
  </div>
84
84
 
85
- <div class="opener__btn"><span>閉じる</span></div>
85
+ <div class="opener__btn close"><span>閉じる</span></div>
86
86
 
87
87
 
88
88
 
89
89
  ```
90
+
91
+
92
+
93
+ ### 追記
94
+
95
+
96
+
97
+ ```CSS
98
+
99
+ .opener__btn span {
100
+
101
+ display: inline-block;
102
+
103
+ background-image: url(../images/common/icon-arrow-headdown-b.png);
104
+
105
+ background-repeat: no-repeat;
106
+
107
+ background-size: 24px 20px;
108
+
109
+ background-position: center bottom 4px;
110
+
111
+ cursor: pointer;
112
+
113
+ }
114
+
115
+ .opener__btn span.active {
116
+
117
+ background-image: url(../images/common/icon-arrow-headup-b.png);
118
+
119
+ background-repeat: no-repeat;
120
+
121
+ background-size: 24px 20px;
122
+
123
+ background-position: center bottom 4px;
124
+
125
+ }
126
+
127
+ .opener__btn.close span {
128
+
129
+ background-image: none;
130
+
131
+ }
132
+
133
+ ```