css - Sencha 触摸 2 : how to remove right arrow of datepickerfield by using css?

Question

我很好奇如何通过应用 css 样式来删除 Sencha Touch 2 中日期选择器字段的右箭头。

这是日期选择器页面上的源代码:

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

刚刚添加:所有输入的唯一应用的个人 css 样式，包括页面上的 datepickerfield:

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

这个边框在箭头周围的区域看起来不太好。看起来它位于日期选择器字段的标准选择箭头后面。

Answer 1

尝试添加这个:

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