1

CSS スタイルを適用して、Sencha Touch 2 の datepickerfield の右矢印を削除する方法に興味があります。

これは、datepicker のページにあるソース コードです。

<div class="x-component-outer" id="ext-element-126">
    <div class="x-unsized x-field-input sencha-clear-icon" id="ext-input-2">
        <input class="x-input-el x-input-text x-form-field datepicker-input" type="text" id="ext-element-129" name="mydate" placeholder="Select your date">
        <div class="x-field-mask" style="" id="ext-element-130">
        </div>
        <div class="x-clear-icon" id="ext-element-131">
        </div>
    </div>
</div>

追加したばかり: ページの datepickerfield を含むすべての入力に適用される唯一の個人用 CSS スタイル:

input{
    border:3px solid #555;
    border-radius: 15px;
}

この境界線は、矢印の周囲では見栄えがよくありません。日付ピッカーフィールドの標準の選択矢印の後ろにあるようです。

4

1 に答える 1

1

これを追加してみてください：

.x-field-select .x-component-outer:after {
    background-color: white;
}
于 2013-06-27T15:06:54.323 に答える