終了日と開始日を区別する必要があります。したがって、datepickerCSS ルールを 1 つのテキスト フィールドに適用し、他のテキスト フィールドを別のテキスト フィールドに適用したいと考えています。
<input id="mzti-start-date" type="text" name="start_date" class="datepicker mzti-dp-width mzti-field-height" placeholder="Start date">
<input id="mzti-finish-date" type="text" name="finish_date" class="datepicker mzti-dp-width mzti-field-height" placeholder="End date">
そして、ここに私のCSSファイルがあります：
#mzti-finish-date.datepicker:before {
コンテンツ： '';
表示: インラインブロック;
border-left: 7px の無地の透明。
border-right: 7px の無地の透明。
ボーダーボトム: 7px ソリッド #ccc;
ボーダーボトムカラー: rgba(0, 0, 0, 0.2);
位置: 絶対;
上: -7px;
左: 190px; // ここに変更を加えました
}
#mzti-終了日.datepicker:after {
コンテンツ： '';
表示: インラインブロック;
border-left: 6px の無地の透明。
border-right: 6px の無地の透明。
border-bottom: 6px ソリッド #ffffff;
位置: 絶対;
上: -6px;
左: 191px; // ここに変更を加えました
}
残念ながら、以下のルールmzti-finish-dateが終了日ボックスに適用されない理由を理解できませんでした.