Sencha Touch 2：如何使用 css 删除 datepickerfield 的右箭头？答案

【问题标题】：Sencha Touch 2: how to remove right arrow of datepickerfield by using css?Sencha Touch 2：如何使用 css 删除 datepickerfield 的右箭头？
【发布时间】：2013-06-27 11:02:39
【问题描述】：

我很好奇如何通过应用 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>

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

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

此边框在箭头周围的区域看起来不太好。看起来它在 datepickerfield 的标准选择箭头后面。

【问题讨论】：

您也可以为我们发布 CSS 吗？那里可能有对它的引用
刚刚添加。请查看更新。

标签： css select input datepicker sencha-touch-2

【解决方案1】：

尝试添加这个：

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

【讨论】：