Sencha Touch 2：如何使用CSS刪除datepickerfield的向右箭頭？

Question

我很好奇如何通過使用CSS樣式刪除Sencha Touch 2中datepickerfield的右箭頭。

那是日期選擇器頁面上的源代碼：

<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;
}

在箭頭周圍的區域中，該邊框看起來不太好。 看起來好像在datepickerfield的標准選擇箭頭后面。

Answer 1

嘗試添加以下內容：

.x-field-select .x-component-outer:after {
    background-color: white;
}