質問編集履歴
2
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -208,9 +208,7 @@
|
|
|
208
208
|
|
|
209
209
|
background: linear-gradient(to bottom, #F6FAFD 50%, #F8FCFF ,#F6FAFD);
|
|
210
210
|
|
|
211
|
-
color: #D
|
|
211
|
+
color: #B9CDDD;
|
|
212
|
-
|
|
213
|
-
background: ;
|
|
214
212
|
|
|
215
213
|
font-weight: bold;
|
|
216
214
|
|
1
解決
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -163,3 +163,57 @@
|
|
|
163
163
|
</html>
|
|
164
164
|
|
|
165
165
|
```
|
|
166
|
+
|
|
167
|
+
|
|
168
|
+
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
----
|
|
172
|
+
|
|
173
|
+
2019/05/21 追記
|
|
174
|
+
|
|
175
|
+
|
|
176
|
+
|
|
177
|
+
いただいた回答を参考に、選択不可でも「今日」の印を表示することができました。
|
|
178
|
+
|
|
179
|
+
選択不可の日はデフォルトで半透明になるスタイルが付けられていますが、
|
|
180
|
+
|
|
181
|
+
今日を表す線（今回の場合は黄色）を薄くさせないためにopacity: 1;にし、
|
|
182
|
+
|
|
183
|
+
薄くなった風の背景色と文字色は色を拾って再現しました。
|
|
184
|
+
|
|
185
|
+
背景は本来画像ですが、グラデーションで再現しました。
|
|
186
|
+
|
|
187
|
+
|
|
188
|
+
|
|
189
|
+
▼CodePen
|
|
190
|
+
|
|
191
|
+
[https://codepen.io/anon/pen/GaOjdw?editors=1100](https://codepen.io/anon/pen/GaOjdw?editors=1100)
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
```css
|
|
196
|
+
|
|
197
|
+
.ui-widget-content .ui-datepicker-today {
|
|
198
|
+
|
|
199
|
+
opacity: 1 !important;
|
|
200
|
+
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
|
|
204
|
+
|
|
205
|
+
.ui-widget-content .ui-datepicker-today > .ui-state-default {
|
|
206
|
+
|
|
207
|
+
border: 1px solid #fad42e;
|
|
208
|
+
|
|
209
|
+
background: linear-gradient(to bottom, #F6FAFD 50%, #F8FCFF ,#F6FAFD);
|
|
210
|
+
|
|
211
|
+
color: #D5E2EE;
|
|
212
|
+
|
|
213
|
+
background: ;
|
|
214
|
+
|
|
215
|
+
font-weight: bold;
|
|
216
|
+
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
```
|