1

我很好奇如何通过应用 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 的标准选择箭头。

4

1 回答 1

1

尝试添加这个：

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